i have my navigation menu in an unnumbered list. beside the items i have an icon. i want the icon to change color when the link is rolled over. the problem is, the icon changes color not only when you are on the link, but also when you’re not actually on the link but in the list-item area or on the icon itself. how can i fix it so it just changes when you are on the link? here’s what i have so far.
a:hover,a:active {
color: #ffffff;
text-decoration: none;
border-bottom: 1px dotted #660000;
font-weight: bold;
}
#right ul {
margin: 0 0 10px -20px;
list-style-image: url(images/arrow.jpg);
}
#right li:hover {
list-style-image: url(images/arrowroll.jpg);
}
