[jQuery] CSS @import not working in IE

[marney]

Hi,

I have the following jQuery and HTML on my site, which performs both a
total CSS switch, and a partial CSS import:

<script type="text/javascript" src="/Portals/19/jquery-1.3.1.min.js"></
script><script type="text/javascript">
$(document).ready(function() {

// COLOUR autumn
$("#css-autumn").click(function() {
$("link[rel=stylesheet]").attr({href : "/Portals/19/Skins/Design001/
autumn.css"});
});

// FONT Verdana Times
$("#css-verdanaTimes").click(function() {
$('style[type="text/css"]').text('@import url("/Portals/19/Skins/
Design001/verdanaTimes.css");');
});
});
</script>

<ul>
    <li><a id="css-autumn" href="#autumn"><img height="26" alt=""
hspace="0" width="167" align="absMiddle" border="0" src="/Portals/19/
Images/Colour_Autumn.gif" /></a></li>
</ul>
<ul>
    <li><a id="css-verdanaTimes" href="#verdanaTimes"><img height="41"
alt="Trebuchet Arial" hspace="0" width="167" align="top" border="0"
src="/Portals/19/Images/Font_VerdanaTimes.gif" /></a></li>
</ul>


The jQuery under //COLOUR autumn works like a dream, but the jQuery
under //FONT Verdana Times works in Mozilla and Safari, but not IE.

Do I have something wronge in the second .click(function () ?

Any direction would be appricated.

Marney