chrome gets fixed element replicated when scrolling

Question

I am using chrome version `18.0.1025.162 m` I have html file with iframe within it. i cant change the containing page or its css (main.htm) i can only change the iframe (show.htm) and its css. The problem is that when i scroll down and then scroll back up then the adminbar div get replicated several time. 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. I think it may be a bug in chrome, i am not sure. 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. (removing the background color from the iframe solve the issue but i need the background color) so this is how it looks: before scrolling: after scrolling (admin bar get replicated on screen) now code to reproduce the bug in chrome first file - main.htm (i cannot change this code) ``` …

Accepted Answer

Improving / simplifying yossi's answer:

```
body 
{
    background:url('bg.png');
}
```

no need to declare `bg-color` or `repeat-x`, just needs a background image.

Tested on Chrome 18.0.1025.168, Mac OS X 10.6.8.

chrome gets fixed element replicated when scrolling

Solution

Problem