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.

En el HTML:

<h1><span>Título</span></h1>

En CSS:


h1{
height: n px;
width: npx;
background: url(titulo.gif) no-repeat left top;
}
h1 span{
display:none;
}


Con esto resolví los problemas que me traían los márgenes negativos. Pero tendría que indicar alguna hoja de estilos alternativa para impresión y lectores de pantalla según lo que tú dices, asi que… manos a la obra :)