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