Appliquer un css selon le navigateur

:salut:

:salut:

J'ai un problème avec mon site, en fait le positionnement des boutons ne se fait pas de la même manière sous ie, firefox et opera. Je dois pour cela écrire 3 css différents et inclure le bon selon le navigateur utilisé. J'ai donc utilisé ce script :

<SCRIPT>
if(navigator.userAgent.indexOf("Firefox")!=-1){
var versionindex=navigator.userAgent.indexOf("Firefox")+8
if (parseInt(navigator.userAgent.charAt(versionindex))>=1)
alert("You are using Firefox 1.x or above")
document.write("<link href=\"ff.css\" rel=\"stylesheet\" type=\"text/css\" />");
}

//Detect IE5.5+
version=0
if (navigator.appVersion.indexOf("MSIE")!=-1){
temp=navigator.appVersion.split("MSIE")
version=parseFloat(temp[1])
}

if (version>=5.5) //NON IE browser will return 0
alert("You're using IE5.5+")
document.write("<link href=\"ie.css\" rel=\"stylesheet\" type=\"text/css\" />");

if(navigator.userAgent.indexOf("Opera")!=-1){
var versionindex=navigator.userAgent.indexOf("Opera")+6
if (parseInt(navigator.userAgent.charAt(versionindex))>=8)
alert("You are using Opera 8 or 9")
document.write("<link href=\"op.css\" rel=\"stylesheet\" type=\"text/css\" />");
}

</SCRIPT>

mais cela ne marche pas . Je pense que le document.write("<link href=........... " ) n'est pas la bonne solution, mais je ne voi pas comment faire d'autre, une idée ???