I had recently redesigned the start page for Cookography.com. Unfortunately it broke under IE6. I didn’t know about it for a bit. It am going to go through and correct things and keep a log of it here. I found a great overview on all the stupid things IE6 does here.
- Width are calculated differently. In all new browsers, div width does not include padding or border. In IE6 a DIV width includes padding and border. However, no matter how big your borders are, they only count for 1 pixel. (actually this may not be correct, now I am just as confused.) Sometimes it seems to calculate widt correctly
- The other problem is if you float a DIV it will double your margins. Adding a display: inline, seems to help. Sometimes you need to add a _margin and set the margin that way
- IE6 is the only browser that will interpurt a CSS element with a _ before it.