Help needed! Styling multiple menu's

[G4]

Hi everyone,

I need too style two different menu's. Followed instructions multimenu's.

Menu 1 shows up correct with a green star on the menu_current page:

Code Select Expand

<div class="menu">
           <?php show_menu(1); ?>
       </div>

Code Select Expand

/* MENU ----------------- */
.menu{float:left;font-size:12px;width:200px;height:144px;margin:0;text-align:left;font-weight:bold;line-height:11px;background-color:#fff}
.menu ul{border:0;list-style-type:none;padding:4px 0 0 0;margin:0}
.menu ul li{background-color:#fff}
.menu a{color:#000;background-image:url(http://www.test.nl/test/templates/round/MENU_STER.gif);background-repeat:no-repeat;background-position:left center}
.menu a:link, .menu a:visited, .menu a:active{padding:5px 0 3px 23px;display:block;text-decoration:none}
.menu a:hover{color:#95a27b;background-image:url(http://www.test.nl/test/templates/round/MENU_GROEN_STER.gif);background-repeat:no-repeat;background-position:left center}
.menu_current a{color:#95a27b;background-color:#fff;background-image:url(http://www.test.nl/test/templates/round/MENU_GROEN_STER.gif);background-repeat:no-repeat;background-position:left center}

example

Menu 2 shows up wrong. There is still a star in the background on the menu_current link:

Code Select Expand

<div class="submenu">
               <?php show_menu(2); ?>
           </div>

Code Select Expand

/* SUBMENU ----------------- */
.submenu{float:left;font-size:10px;width:200px;height:144px;margin:0;text-align:left;font-weight:bold;background-color:#fff}
.submenu ul{border:0;list-style-type:none;padding:4px 0 0 0;margin:0}
.submenu ul li{background-color:#fff;display: inline;}
.submenu a{color:#000;text-decoration: none}
.submenu a:link, .submenu a:visited, .submenu a:active{padding:5px 0 3px 0}
.submenu a:hover{color:red}
.menu_current a{color:red}



example

Please respond with code!