В вертикальном меню, при наведении на элементы списка, функция hover ориентированная на цвет ссылки меню работает только при наведении на сам текст, а при наведение на область <li> - цвет не меняется

P.S. так-же пробовал так (эффект тот же..):

[CSS].vmenu menu li a:hover {color: #ffffff;}[/CSS]

исходный код меню с CSS ниже:



[CSS].vmenu a:link {
text-decoration: none;
}
.vmenu a:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
}
.vmenu a:visited {
text-decoration: none;
}
.vmenu a:active {
text-decoration: none;
}
.vmenu menu {
padding: 7px;
background: #d9d9d9;
}
.vmenu menu li {
text-decoration: none;
padding: 5px;
margin-bottom: 2px;
border-right: 3px solid #ffffff;
}
.vmenu menu li:hover {
color: #ffffff;
background: #e8bebe;
text-decoration: none;
padding: 5px;
border-right: 3px solid #e89d9d;
margin-left: 5px;
}
.vmenu menu li:active {
background: #a61c1c;
text-decoration: none;
padding: 5px;
border-right: 3px solid #4f0000;
}[/CSS]