Problema con Hack para Safari

[pr0]

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