Consiglio codice css e layout

[MrBlade]

Ho realizzato un box nell'header del mio sito dove viene pubblicizzato un servizio.
Mi rendo conto che il lavoro non è dei più professionali e anche il codice css non sono sicuro che sia corretto, soprattuto per quanto riguarda la compatibilità.
La barra che che sto tentando di metter su è quella dove c'è scritto MyCommunity.
Ogni commento è ben accetto. Grazie mille!
Header incriminato: http://www.bladexperience.com/headers/test_header.html

Codice CSS relativo al box:

#communityspace { width:100%; background-color:#d6e7f7; border-top:1px solid #7396C6; border-bottom:1px solid #7396C6; }
#sxspace {
float: left;
width: 15%;
margin-left:15px;
margin-top:2px;
}
#dxspace {
float: left;
width: 25%;
margin-top:5px;
margin-bottom:5px;
}
#centerspace {
float: left;
width: 55%;
margin-top:5px;
margin-bottom:5px;
}
.myctext { font-size:11pt; color:#0000FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.exchange {color: #6A00B0; font-weight: bold;}

Codice Html:

<div id="communityspace">   
	  
        <div id="sxspace"><span class="myctext">MyCommunity</span> </div>
        <div id="centerspace"><span class="exchange">eXchange your eXperience!</span> Annunci Forum VChat! <a href="#">Registrati Subito</a> <img src="../images/bluepx.jpg" /> <a href="#">Login &gt; </a></div>
        <div id="dxspace"><a href="#">Pubblica</a> <img src="../images/bluepx.jpg" width="2" height="2" /> <a href="#">Segnala Errore</a> <img src="../images/bluepx.jpg" width="2" height="2" /> <a href="#">Aiuto</a> </div>
        <div style="clear:left"></div>
		
</div>

 

[dead]

Il tuo header non è perfetto al 100%, ma non hai nemmeno grossi errori. Guarda qui:

Controllo CSS

Controllo html

l'errore dell'html è dovuto al fatto che non hai dichiarato il charset, ed il validatore automaticamente prova l'UTF-8.
Prova a risolvere aggiungendo questa riga nell'header:
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />