Hola como estan?... Estoy por aquí en busca de una ayuda para correjir un css que en chrome me esta sacando la cabeza

.. la cuestión es con un margin-top que en fire se ve perfecto, para IE7 hice una hoja a aprte, pero para chrome nose como hacer. Estuve viendo unas soluciones relacionadas a
Código :
body:nth-of-type(1)
pero el firefox me lo toma tambièn y vì otra que es esta
Código :
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Reglas específicas para Safari 3.0 y Chrome aquí */
}
pero no entiendo bien como implementarla.
Gracias por su tiempo
Saludos CLABERS