Imagen se solapa con borde superior en Firefox... ¿por qué?

[JBRS]

Pues el diseño está totalmente decidido y hecho en fotoxop, el problema es que llevar eso a CSS me hace tratar de simplificar para ver si funciona "algo", y cuando trato de recuperar los detalles, estos son si cabe más desquiciantes.

Yo por mi dejaría la dichosa rayita como está, pero el otro diseñador la considera importante. Hasta ahora usaba el CSS para cosas simples y cuando se trata de afinar con imágenes y rayas...

Con chafar creía estar siendo explícito, me refiero a que se superponen dos capas que deberían estar separadas (en explorer demasiado separadas, si las junto, en firefox superpuestas). De todas formas voy a probar ese important a ver cómo resuelve los márgenes.

Igualmente muchas gracias, tus soluciones son muy útiles y algunas cosas que no me han servido para este caso las he anotado para otros.