Mit csináljak most?

A html:

<ul id="menu">

<li><a href="#">Főoldal</a></li>

<li><a href="#">Termékek</a></li>

<li><a href="#">Ez az</a></li>

<li><a href="#">GYK</a></li>

<li>

<div>Tartalom

<ul>

<li><a href="#">Valami</a></li>

<li><a href="#">Volt</a></li>

<li><a href="#">Rég</a></li>

<li><a href="#">Már</a></li>

</ul>

</div>

</li>

</ul><br />

a css:

ul#menu li{

float: left;

list-style: none;

margin-left: 1px;

background-color: orange;

width: 100px;

}

ul#menu li a, ul#menu li div{

text-decoration: none;

color: blue;

cursor: pointer;

padding: 5px 10px;

display: block;

text-align: center;

}

ul#menu li div ul li{

float: none;

display: none;

position: relative;

}

ul#menu li div:hover ul li{

display: block;

background-color: yelow;

position: relative;

left: -11px;

top: 10px;

}