Question

Given IE6, an UL-LI list and a background image for the UL container.

<style>
  ul {background-image: url(images/bgr.png);}
</style>
...
<ul>
  <li>...</li>
  ...
</ul>

When I load the page, the background is randomly loaded, some parts are visible, some are not. Moreover, it changes on runtime when I’m scrolling on the page. When I scroll out the UL list and scroll back, different parts of the background will be visible, depends on the speed of scrolling.
Do you have any idea? Thanks in advance.

Answer 1

I’ve encountered similar problem some time ago (but it was simple background-color, without image) and if I remember correctly, adding position:relative to parent element solved this. So something like this:

<div style="position:relative">
 <ul>
  <li>...</li>
 </ul>
</div>