I am currently in the process of designing a dropdown menu using CSS. The focus is on utilizing the following code snippet:
#submenu_div {
display: none;
}
#li_id:hover + #submenu_div {
display: block;
}
UPDATE:
Here is the corrected HTML structure for the entire setup.
<ul id="main_nav">
<a href=""><li id="li_id">Home</li></a>
<ul id="sub_who">
<li>Foo</li>
</ul>
</ul>
The #submenu_div is positioned outside the parent div containing the ul element where the referenced li exists. From my understanding, this should function properly. However, I seem to be missing something here. Any suggestions or thoughts?