border:1px solid #000;
margin:50px auto 0px auto;
The font-size:1px; is in there to fix the -3px IE6 margin error.
Firefox 3 rendering:
So, does anyone have an idea how to fix this? It's for a computer repair site (granted, the site will probably be redesigned quickly) and IE6 is most likely a mainstay of computers that need repair
I compared the widths of the frame below (which is of the same width) and it turns out that IE6 is rendering a div with width of 700px as 698, meaning that "stretching" of the div above is actually correct. I've also noticed that when I removed the border, it would render to the full 700px. I guess IE6 sees the border as 700px including the border...
Anyone have a fix for this?
Ok, found out the problem. I had
<?xml version="1.0" encoding="UTF-8"?>
At the beginning which triggers IE6 to render CSS boxes as IE5. Or something like that. Removing the line fixes the behavior.
http://www.codingforums.com/archive/ind ... 03714.html
Damn you IE6!