<ul id="nav">
<div id="navspacer" />
<li class="button" style="width: 109px;"></li>
<li class="button" style="width: 86px;">
<img alt="Webdesign" src="images/digifolio_10.jpg"/>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</li>
</ul>
<div id="main">
content
</div>
li.button has a fixed height:
li.button {
height: 23px;
float: left;
list-style: none;
}
div#main has a z-index of 0
li.button ul has a z-index of 100:
li.button ul {
z-index: 100;
background-color: #ffffff;
display: block;
}
But it just isn't shown in the browser... Firebug shows it's there, but it just isn't displayed.