Witam mam problem z uciekającym tłem otóż po najechaniu na napis "zajęcia" chciałbym żeby wyświetlił mi się ładny prostokąt. ogólna struktura menu to 3 poziomy 1 i 2 poziom napisy chciałem żeby były w jednej linii natomiast 3 poziom pod każdą z kategorii typu właśnie "spalanie" nazwa zajęć i jak widać coś mi ucieka.. proszę o pomoc. 3 dzień siedze nad tym menu i dlatego taki nie zbyt ładny kod.. przepraszam i z góry dziękuję za pomoc. A i jest jeszcze jeden problem związany z firefoxem otóż w firefoxie pokazuje mi się przy lewej krawędzi monitora a nie tak jak jest pod danym odnośnikiem .
wygląd menu

 #menu {
width:100%;
padding-bottom:0px;
margin:0;}
#menu li {
list-style:none;
display:inline;
position:relative;
}

#menu ul  ul{
display:none;
width:600px;}

#menu ul li:hover ul li{
width:100%;
}

#menu ul li:hover ul{
display:block;
position:absolute;
padding-left:0px;
background-color:lime;
height:auto;

}
#menu ul li:hover ul li{
display:inline;
position:absolute;
//width:120px;

position:relative;
text-align:left;
}

#menu ul li:hover ul>li{
padding-right:20px;
width:auto;

}

#menu ul li:hover ul li ul li{
display:block;
position:relative;
background-color:lime;
margin-right:10px;