[CSS] o [Javascript] Div Hover

[ALonE]

Ciao a tutti
ho un div con una classe assegnata e vorrei che al passaggio del mouse potesse cambiare

nel css ho scritto

<style type="text/css">
<!--
.unnamed1 {
	background-color: #ECE9D8;
	text-align: center;
	vertical-align: middle;
	height: 23px;
	width: 23px;
	margin-bottom: 1px;
	display: inline;
}
.unnamed1:visited{

}
.unnamed1:hover{
	background-color: #CCCCFF;
	border: 1px solid #0066FF;	
}
.unnamed1:link{

}
-->
</style>

è il div è:

<div class="unnamed1" id="myDiv">T</div>

Però non funziona, non avevo voglia di utilizzare i javascript per cambiare la classe.

Poi come faccio a far ereditare alle "sottoclassi" (?) (:link, :visited, etc...) le impostazioni di quella di base ?

GRAZIE!