seperate CSS for IE6

[shtoom]

The position of my menu looks different in ie6 when compared to Firefox. I am trying to add a seperate CSS so ie6 will only read mainie6.css and not mainfirefox.css.

I found some tips on the url below but I cannot get it to work:
http://www.thesitewizard.com/css/excludecss.shtml

I tried this which is supposed to exclude the css file in the href from being used in ie6:
<![if !IE 6]>
<link rel="stylesheet" type="text/css" href="mainfirefox.css" />
<![endif]>

When I viewed my site in ie6 that CSS was still being read..

I want to make my site look the same in all browsers and I think I need a CSS for every browser specific to its needs?

Any ideas how I can get this going!?

[Kravvitz]

Using completely separate stylesheets can be a maintenance nightmare. It would be better to have a normal stylesheet and then have a second one for IE5-6/Win that only contains the settings you need to override. The cascading part of CSS makes that very easy.

[mikemckinney]

I agree with Kravvitz. That's how I built the web site aldencabinetry.com. I used FireFox on a Mac to create this site and the primary CSS file. Then I used IE-6 and built an IE-6 specific css file that overrode the properties required for IE-6. This small CSS file is conditionally include (using the <!--[if IE 6]> technique) for IE-6 browsers. I also created an IE-7 specific css file.

mikem

[shtoom]

Yes this is exactly what I want to do and thats have a normal stylesheet and the parts that look different in ie6 have code that overrides the normal css for the special ie6 custom css.
Mike - I have looked at your source from aldencabinetry.com it has helped me get a better idea of how I can achieve this.

Thank you everyone!