salve ho bisogno di aiuto e di consigli.

Voglio dare un aspetto diverso al mio sito a seconda che sia aperto con mozilla firefox o con altri browser e in tutte le pagine ho incollato nell <head> questo codice:


<script type="text/javascript">

if(navigator.userAgent.indexOf("Gecko")!=(-1))

{
document.write('<link rel="stylesheet" type="text/css" href="pittim.css">');
}

else

{
document.write('<link rel="stylesheet" type="text/css" href="pitti.css">');
}

</script>


ora questo funziona solo nell'index ma nelle altre pagine no

mi potreste spiegare il perchè ed aiutarmi?

grazie in anticipo