title: chrome gets fixed element replicated when scrolling
body: <p>I am using chrome version <code>18.0.1025.162 m</code><br>
  I have html file with iframe within it.    </p>
  
  <p><strong>i cant change the containing page or its css (main.htm)</strong><br>
  <strong>i can only change the iframe (show.htm) and its css.</strong></p>
  
  <p>The problem is that when i scroll down and then scroll back up then the adminbar div get replicated several time.<br>
  I am attaching 2 screenshots the first one is the screen before scrolling and i also add the code so that the bug can be reproduced.</p>
  
  <p>I think it may be a bug in chrome, i am not sure.<br>
  I would like to know if it is a a bug and more importantly if there is a work around by only changing the iframe and that it does not include removing the background color from the iframe.<br>
  (removing the background color from the iframe solve the issue but i need the background color)</p>
  
  <p>so this is how it looks:
  before scrolling:
  <img src="https://i.stack.imgur.com/AjZlW.jpg" alt="enter image description here"></p>
  
  <p>after scrolling (admin bar get replicated on screen)
  <img src="https://i.stack.imgur.com/29W1W.jpg" alt="enter image description here"></p>
  
  <h2>now code to reproduce the bug in chrome</h2>
  
  <p>first file - main.htm (i cannot change this code)</p>
  
  <pre><code>&lt;!-- main.htm --&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  &lt;style type="text/css"&gt;
  #adminbar 
  {
      background-color: #464646;
      height: 28px;
      position: fixed;
      width: 100%;
      top: 0;   
   }
  
   #body-content 
   {
      float: left;
      width: 100%;
   }
   &lt;/style&gt;
  
   &lt;/head&gt;
   &lt;body &gt;
   &lt;div id="body-content"&gt;
      &lt;iframe src="show.htm" width="100%" height="943"&gt;&lt;/iframe&gt;
  
      &lt;div id="adminbar" class="" role="navigation"&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>and the show.htm</p>
  
  <pre><code>&lt;!-- show.htm --&gt;
  &lt;!DOCTYPE html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt;
  body 
  {
      background: #e0e0e0;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;br/&gt;
  &lt;p style='margin-bottom:500px;'&gt;bazinga&lt;/p&gt;
  &lt;p style='margin-bottom:500px;'&gt;bazinga&lt;/p&gt;
  &lt;p style='margin-bottom:500px;'&gt;bazinga&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>