IE seems to really have a problem with breaking CSS. First is the 3-pixel bug for 2-column layout float. Solution: instead of just having the left panel float, have both panels (left & main) float left & right.
Then there is an issue with italic and float. If the text in the left panel is italized, right aligned and with certain font-size (11px in my example), it extends the width and pushes the main panel down below instead of next to the left panel. The main panel contains an image that has the exact width of the panel. Turning off italic immediately eliminates the problem.
The source code of IE must contain lots of hacks. For IE7, don’t know if it improves. Otherwise, I would suggest Microsoft rewrites IE from scratch to have a better end-user product.
Leave a Reply