menu

dělám hover menu že když najede na <li> tak vyjede <ul>. Mám to dělaný podle display:block a none.
Pokud se ale ten spodní seznam ukáže vše co je pod ním třeba div tak se posune níž. Nevíte jak to udělat aby se ten seznam jenom jakoby vnořil? Aby udělal něco jako když se pozicuje diks.

P.S nechci odkazy na stránky kde se dělaj menu těch mám dost zajímá mě tenhle konkrétní případ

kokrétně to mám takhle

<script>
function show(idp){
x = document.getElementById(idp);
x.style.display="block";
}
function closeme(idp){
x = document.getElementById(idp);
x.style.display="none";
}
</script>

<ul>
<li><span onmouseover="show('a')" onmouseout="closeme('a')">Aaaaaaaaa</span></li>
<ul id="a" style="margin-left:0px;color:red;display:none">Bbbbbbbbbb</ul>
</ul>

<span style="background:red;width:200;height:300;float:left"></span>

to zas nebude fungovat pokud chci používat tag <center>