Lidt hjælp til CSS menu

Hej,

Jeg er igang med en CSS menu til mit website og er midlertidig rendt ind i nogle problemer. Menuen virker som sådan men der er enkelt ting jeg gerne vil udvide den med. Når er man på en side skal baggrundsfarven bag linket være hvid og teksten sort. Hvordan laver jeg lige det? Jeg har lavet en id' i mit stylesheet der hedder menu_active men hvordan skal den id kaldes i mit HTML for jeg får en hvid baggrund med sort linktekst på et af boksene så det ser rigtigt ud.

Jeg håber ikke det er nødvendigt at lave alt for meget om i koden. Det er vigtigt for mig det bliver holdt enkelt.

Min HTML kode ---------------- :

    <ul id='menu'>

    <li><a href='link.html'>Link</a></li>
    <li><a href='link.html'>Link</a></li>
    <li><a href='link.html'>Link</a></li>
    <li><a href='link.html'>Link</a></li>
    <li><a href='link.html'>Link</a></li>
    <li><a href='link.html'>Link</a></li>

    </ul>

Min CSS kode ---------------- :

#menu li {
    float: left;
    margin: 0;
    padding: 0;}
   
#menu a {
    background: #56aa4b;
    color: #FFFFFF;
    display: block;
    float: left;
    margin-right: 4px;
    padding: 6px 12px;
    text-decoration: none;}
   
#menu a:hover {
    background: #72ba68;
    color: #FFFFFF;
    padding-bottom: 6px;}

#menu_active {
    background: #FFFFFF;
    color: #000000;
    display: block;
    float: left;
    margin-right: 4px;
    padding: 6px 12px;
    text-decoration: none;}