IE6 SP2 rendering issues

How can I target CSS to it?

[Robin_reala]

My menu's (annoyingly) breaking in IE6 SP2. It's validated code so ∴ an IE bug, but I suppose that's to be expected. I think I can fix it using CSS, but obviously this breaks every other browser.

Usually I'd use CSS hacks to target code but I don't know of any that'll target IE6/SP2. I've been playing around with conditional comments but can't get them to work either, although they seem like the most likely solution. I'll use Javascript if I have to but I'd rather not.

Anyone had to do this before?

-Robin

[Robin_reala]

You know what's really annoying? When Safari has exactly the same problems >_<

[tedster]

Robin, what valid code breaks in SP2 and Safari? Also, I assume it does not break in earlier IE versions, correct?

[Robin_reala]

Yep, fine in earlier versions, and Fx1.0, and NS7.0. I'll try and post a testcase tomorrow...

[Robin_reala]

OK, I've narrowed it down not to a browser issue but to an OS issue. It's almost certainly the default font sizes that are breaking things. MacOS and XP seem to be breaking the layout, but 2000 isn't. To be honest, I'm a little worried that my layout is breaking over so small a change, it's not how I like to work. Time to dig deeper...

[Robin_reala]

And it wasn't even an OS issue, was a font issue. Turns out I was using Arial Narrow (oops) as my main menu font. Of course my XP test PC and the Mac don't have Office, so neither had the font installed, and were defaulting to Arial, which by was of being wider was breaking my carefully left-floated div menu.

I'm still annoyed that it broke so easily...