views:

132

answers:

1

On this page in Internet Explorer 6 and 7 on XP and Vista there is a bug where scrolling the page seems to lose bits of the left and right borders. Has anyone seen this behaviour before, and does anyone have any ideas to avoid it?

Edit: This is fixed now. If anyone would like to see what the problem was, find the following line and disable it in Firebug:

zoom:1; /*for hasLayout*/
+2  A: 

You can often deal with this bug by applying position:relative to the elements in question. height:1% can also help. Another typical "black-magic" solution to dealing with IE6 and has to do with hasLayout. See http://www.satzansatz.de/cssd/onhavinglayout.html for more information.

If giving it hasLayout doesn't solve your particular issue, then you will definitely want to make sure that there is no contained element with a background of #fff that is expanding past the bounds of the containing element (likely due to IE6's way of handling padding and width).

Ted
`hasLayout` fixed it. `position:relative` fixed the particular problem but opened up a whole new can of worms. `zoom:1` from satzansatz.de sorted it. It's nice to have an inert way of dealing with the issue. It may mean that my CSS doesn't validate, but at the moment I really don't give a toss.
Skilldrick