div inheritance problem

[oll3i]

[code=javascript]
echo "<div id=\"vertmenu\" >";
echo "<ul>";

echo '<li><a href="javascrip t:void(0)" onclick="drop(\ 'vert_menu_drop 1\')" class=current title=Profil>'. $var143.'</a></li>';
echo "<div id=\"vert_menu_ drop1\" style=\"display : none;width:100p x\">";
echo "<ul>";
echo '<li><a href="http://exec-jobs.purcon.pl/pracodawca/konto/view.php?langua ge='.$language. '&modul_vert_me nu=profile" title=Profil>'. $var148.'</a></li>';
echo '<li><a href="http://exec-jobs.purcon.pl/pracodawca/konto/edit.php?langua ge='.$language. '&modul_vert_me nu=profile" title=Profil>'. $var149.'</a></li>';
echo "</ul>";
echo "</div>";
echo "</ul>";
echo "</div>";
[/code]
why #vert_menu_drop 1 ul li a gets the background image of #vertmenu ul li a?

[oll3i]

div inheritance problem

[code=css]
#vert_menu_drop 1 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:tran sparent url(http://exec-jobs.purcon.pl/images/buttonOff.gif) repeat-x top left;
}
[/code]

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.