div inheritance problem

[oll3i]

echo "<div id=\"vertmenu\">";    
echo    "<ul>";
 
        echo '<li><a href="javascript:void(0)" onclick="drop(\'vert_menu_drop1\')" class=current title=Profil>'.$var143.'</a></li>';
        echo "<div id=\"vert_menu_drop1\" style=\"display: none;width:100px\">";
        echo "<ul>";
        echo '<li><a href="http://exec-jobs.purcon.pl/pracodawca/konto/view.php?language='.$language.'&modul_vert_menu=profile" title=Profil>'.$var148.'</a></li>';
        echo '<li><a href="http://exec-jobs.purcon.pl/pracodawca/konto/edit.php?language='.$language.'&modul_vert_menu=profile" title=Profil>'.$var149.'</a></li>';
        echo "</ul>";
        echo "</div>";
echo "</ul>";
echo "</div>";
 

why #vert_menu_drop1 ul li a gets the background image of #vertmenu ul li a?

[oll3i]

#vert_menu_drop1 ul li a {
display: block;
border:0;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #000;
width:100px;
background-color:#cccccc;
}
 
 
#vertmenu {
width: 100px;
padding: 0px;
margin: 0px;
}
 
 
#vertmenu ul li a {
display: block;
border:0;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #000;
width:100px;
background:transparent url(http://exec-jobs.purcon.pl/images/buttonOff.gif) repeat-x top left;
}
 

vert_menu_drop1 ul li a inherits style of vertmenu ul li a?
Why?

i m doing unfolding menu and i want the ul li a of the submenu to be different then the main menu
Could You please help?
Thank You

[oll3i]

i solved it i did ul li ul li a and ul li ul li a:hover style :)

[acoder]

Moved to HTML/CSS forum.

Edit: threads merged.