<body>
<div id="container">
A lot of text <br />
A lot of text <br />
A lot of text <br />
A lot of text <br />
A lot of text <br />
A lot of text <br />
A lot of text <br />
A lot of text <br />
A lot of text <br />
A lot of text <br />
A lot of text <br />
A lot of text <br />
</div>
</body>
</html>
Using IE6 slowly resize your browser window. You will see the red box 'jump' horizontaly one pixel from the left to the right and back.
Although your links not active anymore it sounds like one of ie's rounding bugs. As the screen gets smaller the odd pixels get rounded up and make things bigger than they should be.
I expected its the margin:autos being rounded up that causes this behaviour.
You can see ie's rounding problems if you have 2 floats of 50% next to each other then slowly make the screen smaller. You will see that one float will jump up and down on each odd pixel size. Whic is why most people always set one float slightly smaller to compensate.
I had this problem with the newest update of IE, Go to add/remove programs and revert back to your last version before the IE windows update. When i did this it displayed corectly!
Bookmarks