Pablo: tuve que recuperar el texto del snippet HTML según me parecía que era lo que querías indicar; ¿era así o no?
Bueno, de todos modos, como bien dices, con esta técnica puedes solucionar el problema de los márgenes negativos en navegadores antiguos, pero trae dos problemas nuevos: según un estudio que leí hace mucho tiempo (por ahí en internet, tendría que googlearlo pero… mejor otro día) los lectores de pantalla como JAWS (hasta donde yo sé, el más popular) no “leen” nada cuando un elemento está marcado con display:none, o sea, es como si el elemento no existiera. Ahora, esto igual es un tema viejo, por lo que es posible que las nuevas versiones de los screenreaders sí hagan algo al respecto, o quizás esto se pueda solucionar, más simplemente, especificando el atributo media de la hoja de estilos.
El otro problema es el que, hasta donde se, tienen todas las técnicas de image replacement: que simplemente no funcionan en hojas de estilo para impresión, por lo que aun creando un css para impresión no podrías hacer image replacement porque los navegadores vienen configurados para no imprimir imágenes de fondo de forma predeterminada.
