es que no es así como debes ponerlo. debes ponerlo como te he explicado. para este caso, sería así:
NUEVO CÓDIGO Código PHP:
<style type="text/css">
.pestaña a{
height:30px;
width:60px;
border: 1px solid #CCCCCC;
background-color:#FFFFFF;
float:right;
border-radius: 5px 5px 5px 5px;
color: #333333;
font: bold 13px Arial,Sans-serif;
margin-left:10px;
padding: 3px 10px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
}
.pestaña a:hover {
text-decoration:none;
color:white;
background-color:black;
}
</style>
<div class="pestaña" ><a href="#">Principal</a></div>
con esto se cambia todo el fondo al hacer
hover y el
div entero hace de enlace.
pruébalo, a ver qué te parece =)