title: Right and left fixed image position with css
body: <p>I want to put a left and a right fixed image, and I don't know why the right one only goes to the right when is not fixed. This is my code:</p>
  
  <pre><code>&lt;img src="img/leftImage.jpg" id="leftImage" /&gt;
  &lt;img src="img/rightImage.jpg" id="rightImage" /&gt;
  </code></pre>
  
  <p>and my css:</p>
  
  <pre><code>#leftImage{
    left: 0;
    width: 150px;
    height: 100%;
    position: fixed;
  }
  
  #rightImage{
    right: 0;
    width: 150px;
    height: 100%;
    position: fixed;
  }
  </code></pre>
  
  <p>Can anyone help me with this? thank you!</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>this is my index.html:</p>
  
  <pre><code>&lt;body ng-cloak&gt;
      &lt;img src="img/leftImage.jpg" id="leftImage" /&gt;
      &lt;div id="homescreen" class="container"&gt;
          &lt;div ui-view&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;img src="img/rightImage.jpg" id="rightImage" /&gt;
      &lt;footer&gt;&lt;/footer&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>and the CSS that I have:</p>
  
  <pre><code>body {
    background: url(/img/background.jpg) repeat fixed;
    background-position-y: -50px;
    background-position-x: -50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  #homescreen {
    margin-top: 150px;
  }
  </code></pre>
  
  <p>container is a bootstrap class.</p>