CSS active menu

Hej.

Jeg har problemer med en css menu, jeg vil gerne have, at når et link i menuen er valgt, så bliver der vist et andet billede, på det valgte menupunkt. Det virker fint når jeg hover over billedet, men active gør ikke

HTML

            <div id="menucontainer">
                <ul id="menu">
                    <li>
                        <%= Html.ActionLink("Start", "Index", "Home")%></li>
                    <li>
                        <%= Html.ActionLink("Firmaprofil", "About", "Home")%></li>
                    <li>
                        <%= Html.ActionLink("Arbejdsområder", "WorkingArea", "Home")%></li>
                    <li>
                        <%= Html.ActionLink("Referencer", "References", "Home")%></li>
                    <li>
                        <%= Html.ActionLink("Samarbejdspartnere", "Partners", "Home")%></li>
                    <li>
                        <%= Html.ActionLink("Medarbejdere", "Employees", "Home")%></li>
                    <li>
                        <%= Html.ActionLink("Kontakt", "Contact", "Home")%></li>
                </ul>
            </div>

ul#menu {
    FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none;
}
ul#menu li
{
    list-style-image: url('../../Images/menu-dot-blue.jpg'); 
}
ul#menu a:link {
    FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none;
}
ul#menu a:visited
{
    FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none;
}
ul#menu li:hover {
    list-style-image: url('../../Images/menu-dot-red.jpg');   
}
ul#menu li:active{
    list-style-image: url('../../Images/menu-dot-red.jpg');
}

Håber der er nogen der kan hjælpe