Ho un problema con una serie di regole CSS che dovrebbero consentirmi di attaccare tra di loro delle parole colorate in maniera differente. La regola in esame è la seguente:

codice:
h2 {
	font-size: 1em;
	font-weight: normal;
	word-spacing: -0.3em;
	text-transform: lowercase;
}
mentre il codice XHTML che utilizza tale regola è la seguente:

codice:
<h2 lang="en"><span class="colore1">Interesting</span> <span class="colore2">links</span><span class="colore1">:</span></h2>
Ebbene il tutto funziona come dovrebbe escluso su Safari, nel quale il word-spacing è ignorato. Ho notato che un codice di questo tipo invece funziona:

codice:
<h2>Scemo chi legge</h2>
ergo, il problema è con quegli elementi SPAN annidati che (ipotizzo) "separano" i blocchi di testo ed invalidano l'uso della regola sulla spaziatura tra parole

come posso fare?