List Item Margin Test - go to the bottom to see my solution to this problem.

Main Menu

This page is using a transitional DOCTYPE. Firefox and IE 6 don't seem to agree on how to display transitional DOCTYPEs when computing margins. This displays fine in IE, but poorly in FireFox and Opera.

Firefox computes the display width of the UL box by the Strict interpretation:

display width = width: + padding-left:

IE 6 computes it as

display width = width:

The problem is that IE and Firefox compute widths differently. Unfortunately, margin issues are one of the few style issues can only be solved by using conditional CSS.

Solution!

I made it work using conditional CSS by taking advantage of the IE star conditional selector:

Main Menu

 


Product Information

Technical Support