A veces existen CrossBrowsing un poco incómodos de manejar, para esos casos suelo crear una hoja de estilo específicamente para el navegador que esté presentando el problema. Aquí les dejo un código en Javascript que me ha solucionado este tipo de problema en varias ocasiones y resulta muy útil, básicamente lo que hace el código es detectar el la versión del navegador y luego asignar una hoja de estilo. En el ejemplo uso Firefox, pero regularmente utilizo esta solución para ie6, que en paz descanse :)
-
-
<script type="text/javascript">
-
if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
-
var ffversion=new Number(RegExp.$1)
-
if (ffversion>=3)
-
document.write(‘<header><link rel="stylesheet" href="../css/firefox.css" type="text/css" /></header>’)
-
else if (ffversion>=2)
-
document.write("Usando Firefox 2.x :)")
-
else if (ffversion>=1)
-
document.write("Usando Firefox 1.x :)")
-
}
-
else
-
document.write("Usando otro navegador :)")
-
</script>
