Stylsheet mit <noscript> einbinden

Für Browser ohne Javascript möchte ich ein eigenes Stysheet einbinden.

Meine Idee funktioniert, ist aber leider nicht valide:

<noscript><link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style-noscript.css" type="text/css" media="screen" /></noscript>

kann mir jemand einen Tipp geben, wie das richtig geht?

Vielen Dank für die Links mit

<script type="text/javascript">
 //<![CDATA[
  document.write('<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style-js.css" type="text/css" media="screen" />');
 //]]>
 </script>

funktioniert es perfekt.

[INDENT]Wen es interessiert:
Ich habe einen <div> der über dem ganzen content liegt und per JS mit mouseover ausgeblendet wird (so eine Art Intro).
Damit die Leute ohne JS an den content kommen, habe ich den <div> in der allgemeinen css mit display:none; erst mal ausgeblendet. Mit der über obigen code eingebundenen style-js.css überschreibe ich nur diesen einzigen <div> mit display: block;
So haben alle mit JS den netten Effekt, die anderen sind gleich auf dem content.
[/INDENT]