Ha due errori di fondo:
1. non viene letto dai browser testuali (il display:none fa capire che e` roba da saltare)
2. non piace a Google e simili, per cui rischi il ban dai motori

Poi c'e` l'errore (veniale) di inserire il titolo dentro un blocco da solo ... il tag <hX> e` gia` un blocco per conto suo.

Invece il CSS deve essere del tipo:
h3 span {
margin-left: -200em;
}
in modo da mettere la scritta al di fuori del campo visivo.


PS: io sono comunque contrario a fare i titoli mediante immagini: un bravo grafico e` in grado di ottenere un effetto dello stesso tipo con i colori ed un opportuno sfondo