title: How to fix side banner image without scrolling
body: <p>I am making a web page, in that having 2 images 1 each on both side as side wall with width 190px and height 700px. I want both images to be fixed without scrolling. I have given style as position fixed to both image then 1 image getting vanished and right side image comes to left end.how can solve this problem can anybody help. the program code is given below</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>    &lt;div id="left-ad"&gt;
          &lt;div id="sidebar"&gt;
          &lt;a href="#" &gt;&lt;img src="sidewall.png" alt="Call UAE offline Business Directory" style="border-width: 0px"&gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="right-ad" &gt;
          &lt;a href="#" &gt;&lt;img src="wad.jpg" alt="Call UAE" style="border-width: 0px" &gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class=wrapper&gt;
          //center body part
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#left-ad{
  float:left;       
  position: fixed;
  }
  
  .right-ad{
  float:right;
  position: fixed;     
  }
  </code></pre>