Wordpress style active menu item on custom menu

Question

I'm creating a wordpress template and currently I'm working on the menu, I've made the following:

http://jsfiddle.net/skunheal/Umkyr/

There are 2 small problems I dont really know how to fix tho. Wordpress gives the currently active menu item the class .current_page_item. how can I style this?

I was thinking something like:

Normal menu item:

ul.dropdown a {
text-decoration : none;
font-family : verdana;
color : #3f89d2;
display : inline-block;
background : #FFF;
padding : 8px 15px 0 15px;
box-shadow : 0 0 10px #CCC inset;
width : auto;
height : 25px;
}

Active menu item:

.current_page_item a {
background : #096;

}

but it doesnt seems to work. Anyone know why?

Thanx in advance, Merijn

Answer 1

write it like this

 li.current_page_item a {
    color:#096
}

DEMO