Anzitutto attenzione al DOCTYPE: non puoi fornire una DTD XHTML 1.1 come HTML: devi metterci il prologo XML, altrimenti i browser seri non possono interpretare correttamente.
Pero` se vuoi la compatibilita` con IE6, ti consiglio di passare a XHTML 1.0 Strict (senza prologo).

E ci sono altri errori: non puoi usare due nomi uguali per due id nella stessa pagina. Gli id devono essere univoci. per assegnare stili uguali ad oggetti diversi devi usare le classi.

Tornando al problema.
E` voluto di mettere le singole parole dentro oggetti di tipo blocco diversi? Di solito si usano oggetti di tipo inline per evidenziare alcune parole; e i tasti non possono stare direttamente dentro i <div>: il tag standard per i testi e` il

. Essenzialmente la marcatura dovrebbe essere:
codice:
<p id="contenitore">
	<span class="headine">a</span>
        <span class="bold">me</span>
	<span class="headine">piacere</span>
        <span class="bold">sorridere</span>
	<span class="headine">.it</span>
</p>
Solo a questo punto puoi pensare a sistemare il CSS.