Buenas tardes a todos,
en el afán de que nuestro sitio web se vea correctamente en el mayor numero de navegadores posibles, me encuentro con el siguiente problema.
Código PHP:
/* IE, Firefox, Chrome */
.menu {padding:0 0 0 100px; margin:0; list-style:none; height:40px; background:#fff url(../images/button1a2.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif;}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.menu {margin:-1px;}
}
Como veis para que mi
div se vea correctamente en Safari debo ponerle a la clase
menu un margen de -1px pero si hago esto el problema se corrige bien en safari pero me lo descoloca en Chrome.
¿Alguna sugerencia?
P.D: en el resto de navegadores todo aparece correctamente.
Gracias y saludos