Kluge Lösung für JavaScript-abhängiges CSS?

[Paracetamol]

Hallo!
Um CSS-Vorlagen zu laden, die nur bei aktivem Javascript benötigt werden (Inhalte verbergen, um Einblend-Effekte zu realisieren, Overlay-Positionierungen, etc.), habe ich bis jetzt immer folgende Methode im Kopf verwendet:

  
<script type="text/javascript">  
     document.write('<link href="ajax.css" rel="stylesheet" type="text/css" />');  
</script>  

Das funktioniert super auf sämtlichen Browsern. Nur ist es laut XML-Checker nicht XHTML-valide. Oder doch? Und wenn nicht: Gibt es da eine elegante Lösung ohne große Umwege?

Vielen Dank und beste Grüße!