browser detection then swapping css….

Im looking for a way to change the css file thats loaded depending on the browser the blog is viewed from. Ive searched the net and these forums and found a few ways but nothing seams to work.

This is what i currently have and it doesnt do what it should:

<link rel=”stylesheet” href=”http://mywebsite.com/wp-content/themes/mytheme/style.css&#8221; type=”text/css” media=”screen” />
<!–[if IE 6]>
<link rel=”stylesheet” href=”http://mywebsite.com/wp-content/themes/mytheme/iestyle.css&#8221; type=”text/css” media=”screen” />
<![endif]–>

For some reason IE doesnt bypass the first link to the style.css file and just loads it. However if i remove the first link to style.css then IE loads the iestyle.css and firefox doesnt load any css file.

Anyone got any clues what im doing wrong with this code ??

Thanks,

Tom