Problème entre les navigateurs

Bonjour,

Si je m'adresse à vous aujourd'hui c'est que je n'ai pas réussi à trouver de réponses vraiment utiles malgré des heures passées sur la toile! Pourtant c'est un problème récurrent pour bon nombre de créateur de site.
Mon site ne rend pas la même chose sur les différents navigateurs!!!
J'ai tenté un petit bout de javascript :

Nom = navigator.appName;
 
ns = (Nom == 'Netscape') ? 1:0
ie = (Nom == 'Microsoft Internet Explorer') ? 1:0
m = (Nom == 'Mozilla') ? 1:0
sa = (Nom == 'Safari') ? 1:0
 
if (ns) {
document.write('<link rel="stylesheet" type="text/css" href="date_m.css">')
}
 
else if (ie) {
document.write('<link rel="stylesheet" type="text/css" href="date_ie.css">')
}
 
else if (m) {
document.write('<link rel="stylesheet" type="text/css" href="date_m.css">')
}
 
else if (sa) {
document.write('<link rel="stylesheet" type="text/css" href="date_ie.css">')
}

Mais ça n'a pas l'air de fonctionner...

Je suis en train de m'embrouiller toute seule tellement il y a des trucs qui marchent et d'autres carrément pas et sans que je ne sache pourquoi!!!!

Ce qui est sûr c'est que j'ai fait le choix de faire différentes feuilles de style css.
Là où ça serait cool de m'aider c'est me dire comment je peux facilement adapter ces feuilles en fonction des navigateurs. Javascript, php, html,...

Voici mon site au cas où ça vous intéresserait de le voir : www.*****.com

En vous remerciant grandement pour votre aide!