problema con css di background

[13manuel84]

adesso però ho un problema...

<div id="my_div" class="my_class">Ciao mamma</div>
e questo è il css:

#my_div{
	width:150px;
	height:50px;
	background-color:#0000FF;
}
#my_div a{
	width:150px;
	height:50px;
	background-color:#0099FF;
}
#my_div a:hover{
	width:150px;
	height:50px;
	background-color:#00FFFF;
}
.my_class{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

il primo sfondo ok, me lo fa su tutto, ma perché per l'a e l'a:hover lo sfondo me lo fa solo alla parola o alla frase linkata??non so se mi sono spiegato bene, comunqeu basta provare il codice sopra per capire cosa intendo

Grazie!