We will be exploring the differences in web browsers in more detail in a future post, but I first wanted to share a quick little tip that can be a big help in solving layout issues between Internet Explorer 6 and virtually every other browser.
Internet Explorer 6 is limited in its implementation of cascading stylesheet support. It also doesn’t support png images very well. It helps, though that it has one important feature. The ability to have it parse a section of code that other browsers ignore as comment. Here is how you can use it on your site.
First create a stylesheet. I typically name it ie6.css so I can identify it for this purpose.
Then include this stylesheet in the header of your html document right below the standard stylesheet.
Now you can take those little pesky things that are a little off like block element positions and tweak them for IE6 without bothering the newer browsers.