#ustmenu {
background-color: #333333;
height: 58px;

margin: 20px 0px 0px 0px;
left: 0;
right: 0;
position: absolute;
}

#ustmenu ul {
width: 960px;
margin-top:0px;
color: #366066;
}
#ustmenu ul li{
list-style:none;
float:left;
padding: 0px 10px;
}
#ustmenu ul li a{
display:block;
padding:19px 10px ;
text-decoration: none;
color: #fff;
}

#ustmenu ul li a:hover{
background: #f00;
padding:19px 10px ;
}



Sağlıklı bir yöntem değil daha sağlıklısı için height değeri verebilirsin padding yerine. ama texti ortalamak amacıyla böyle yaptım.


mustafanart adlı üyeden alıntı

Dediğim gibi a'ya hover vermek yerine li'ye hover verin;

#ustmenu ul li:hover{
background: #f00;
}

içine color eklersen de a'nın rengi değişir üzerine gelindiğinde;

#ustmenu ul li:hover{
background: #f00;
color:#fff;
}

gibi



Bu yöntem daha sağlıklıdır.