Javascript et feuille de style CSS

  Bonjour,

Je n'ai pas trouvé de réponse à mon problème après recherches sur ce forum aussi je vous propose de vous l'exposer  

Pour un site, j’ai défini une feuille de style externe. Pour les entêtes et les pieds de pages, deux javascripts appelés depuis chaque page htm écrivent ces sections   . (D’autres méthodes existent, bien plus "normales" mais pour diverses raisons , elles ne sont pas envisageables sur ce site et le serveur   qui l’héberge)

exemple de l’un de ces deux "simplots" .js :

<code>

function haut(texte)
{
document.write('<div id="portal">');

document.write('<div id="portal-header" style="height:87px;">');
document.write('<hr class="hide" />');
document.write('<h1>... <span>|</span></h1>');
document.write('</div>');

document.write('<div id="portal-header-nav">');
document.write('<ul>');
document.write('<li>... |</li>');
document.write('</div>');
}

</code>

Le lien à la feuille de style est déclaré sur chacune des pages htm. Dans IE, la page est correctement visualisée tandis que dans Firefox, les styles ne sont pas pris en compte ...

Faut-il les déclarer dans les deux javascripts et si oui, comment le faire pour simplement appliquer cette feuille de style aux objets définis dans ces javascript ?

Merci de votre indulgence   et de vos lumières.