Is it possible to have the menu link color change on the table hover for an asp.net menu control?
<p>I'm using an ASP.net menu and when i hover inside my menu item's table, i change the background color on the table column, but unless i hover over the link text itself, the link text color will not change.</p>

<p>Is it possible to have the link text color changed on the table hover?</p>

<p>Example below shows what happens.</p>

<p><img src="http://i.stack.imgur.com/r5AoI.jpg" alt="example of issue"></p>

<p>Excuse the ugly CSS:</p>

<pre><code>.TopStaticSelectedStyle
{
    cursor: pointer;
    font-size: 11px;
    font-family: Verdana;
}

.TopStaticMenuStyle a,
.TopStaticMenuStyle a:visited,
.TopStaticMenuStyle a:active
{
    color: #ffffff;     
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana;
}
.TopStaticMenuStyle a:hover 
{
    color: #000000;     
    text-decoration: none;
    font-size: 11px;        
    font-weight: bold;
    font-family:  Verdana;  
}

.TopStaticMenuItemStyle td
{       
    padding: 0px 12px 0px 12px;
    text-align: center;
    background-color: #6c85b0;
    height: 18px;
    border-top: solid 1px #012754;
    border-bottom: solid 1px #012754;
    border-left: solid 1px #012754;
    border-collapse:collapse;
}

.TopStaticHoverStyle
{
    font-weight: normal;
    font-family: Verdana;
}

.TopStaticHoverStyle td
{
    padding: 0px 12px 0px 12px;
    text-align: center;
    background-color: #ffffff;
    height: 18px;
    border-top: solid 1px #012754;
    border-bottom: solid 1px #012754;
    border-left: solid 1px #012754;
        border-collapse:collapse;
        color: #000000;
}  
</code></pre>
