...A word of advice - most people have IE6 or IE7, but rarely both handy at once... so you want to describe the problem you're having in one browser as opposed to the other, whether with a screen cap or in plain English. "Looks like [unprintable]" makes it impossible to reproduce or visualize your problem without going through the steps required to spin up IE6. (In my case, that would mean booting up my third system, which I normally only boot to test my own projects.)
Also, the stylesheet link you provided is broken, meaning that only Firebug or Web Developer Toolbar users can get at your stylesheet without going to a bit of trouble.
As a rule, IE6 breaks layouts vis a vis IE7 because it calculates different layout coordinates for positioned content, and/or does something *ahem* creative with floated content.
If I'm getting warm, then that means that you need to fiddle left/top values (on positioned elements) or width/height values (on floated elements).
Bear in mind further that * html works as a filter for IE6 as well as IE5; to do low-pass filtering for IE5, you need to use one of Tantek Celik's filters (see http://tantek.com/CSS/Examples/ for details) or conditional comments.
IE6 also defaults to overflow: auto where FF2 and IE7 default to overflow: visible - these are entirely different behaviors, and the difference can cause problems.
As for the challenges you're facing with the nav in Firefox, that might be down to the fact that the left gutter behavior of list items is controlled by margin-left in IE, but padding-left in Firefox. |
