Hi.

After the very long debacle of getting the menu to work on the site I have been building I seem to only have one tiny weeny problem left and I'm hoping it's easily solved.

In IE6 because of the box-model problem the menu is a smidgen too long and doesn't fit into it's designated space.
I found that if I adjusted the width by 1px accross all the menu options it fit well enough in IE6 however this of course makes all other browsers look that tiny bit wrong.

My initial thought was EASY! I'll just make a conditional stylesheet that's only relevent to IE6.
However for some reason I can't get this to work.
I can get one to work for all IE's, but not specifically IE6. This of course makes IE7 look wrong!

What am I doing wrong?



As I said, if I remove the 6 it works but it stuffs up IE7. I've read a few places as well as Craigs article on Conditional Comments but unfortunantly no luck so far.

This post has been edited by Itsumishi: May 21 2008, 12:47 AM

Your conditional comment seems to be just fine. Is the path to the css file correct? Have you tested it with something you can clearly see like background-color: #000;. Try to put that same conditional comment and insert some text inside it like <p>This is for IE6</p> and see if that shows up. Ofcourse you need to move it inside body tag.

You can also try

It's also possible your installation of multiple IE's is duff.

This is the best package: http://tredosoft.com/Multiple_IE/

Are you sure you're adhering to the cascade principle? That conditional comment has to come AFTER the initial style sheet...

You can also try the Less Than option

I think this was what was causing my problem. For most things IE6 was working fine but some things just didn't seem to work properly.
For example on the Son of Suckerfish demo pages my version of IE6 would not display any of the drop downs.