Problema width nel tag <a>

[NicManzana]

Ciao a tutti , ho un problema che credo sia banale ma sto impazzendo...
devo creare una lista di pulsanti di 10x10 con sfondo di colore #xxxxxx e bordo di due px

io assegno la classe a l'elemento a ma lui mi ignora il width e l'height.
vi lascio il codice:

#header{
	width: 100%;
	height: 65px;
}

#header a.logo {
	float: left;
	margin-left: 200px;
	width: 193px;
	height: 64px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
}

#header div.colori{
	float: right;
	margin-right: 100px;
	margin-top: 50px;
}


#header div.colori a.nero {
	height: 10px;
	width: 10px;
	border: 2px solid #6d7679;
	background-color: #000;	
	background-repeat: no-repeat;
}

Mentre l'html è

<div id="header"> 	
     
<div class="colori">     	
         
     
</div> 
</div>

Notare che il tag a con classe "logo" me lo prende perfettamente, non capisco dove sto sbagliando.

Grazie

[NicManzana]

Ho risolto.... ma continuo a non capire ..
sono andato avanti a scrivere il mio css :

#header div.colori a.nero {
	float: left;
	height: 10px;
	width: 10px;
	border: 2px solid #6d7679;
	background-color: #000;	
	background-repeat: no-repeat;
}

#header div.colori a.bianco {	
    float: left;
	margin-left: 8px;
	height: 10px;
	width: 10px;
	border: 2px solid #6d7679;
	background-color: #fff;	
	background-repeat: no-repeat;
}

#header div.colori a.blu {	
    float: left;
	margin-left: 8px;
	height: 10px;
	width: 10px;
	border: 2px solid #6d7679;
	background-color: #1a76b7;	
	background-repeat: no-repeat;
}

MAH .. se qualcuno mi sa dire perchè adesso va gli sarei grato..

GRazie!!!!!!!!!!

[Mich_]

Intanto riscrivo il tuo codice in modo piu` compatto:

#header div.colori a {
	float: left;				/* questo implica anche display:block */
	height: 10px;
	width: 10px;
	border: 2px solid #6d7679;
	background-repeat: no-repeat;
}

#header div.colori a.nero {
	background-color: #000;	
}
#header div.colori a.bianco {	
	margin-left: 8px;
	background-color: #fff;	
}
#header div.colori a.blu {	
	margin-left: 8px;
	background-color: #1a76b7;	
}

Nel tuo primo codice mancava il float a qualche tag <a>, e quindi i link restavano di tipo inline, a cui non si possono dare dimensioni.

Nota come nel mio codice gli attributi siano ripetuti una sola volta, con maggiore pulizia del codice (e minori probabilita` di inserire errori o dimenticanze)

[NicManzana]

sei stato chiarissimo , grazie