menu rozwijane w poziomym pasku

[pumbosha]

Witam

Mam taki problem: chciałbym zrobić menu, wyglądające podobnie do tego na stronie: http://www.kobieta.pl/magazyny/naj/ ,jednak nie bardzo mi to wychodzi: http://wpieczynajwyzszego.pl/joomla!/index.php
Chodzi o to, że podmenu znajdujące się w zagnieżdżonym wykazie, ma ustaloną szerokość, zależną od ilości pozycji podmenu. Jeśli ktoś umiałby rozwiązać ten problem, to będę bardzo wdzięczny. Moja wersja joomla! to 1.5.20, jeśli komuś to info potrzebne, a kod css odpowiadający za format menu:

#menu
{
position:relative;

}

#menu ul
{
margin:0px;
padding:0px;
overflow:hidden;
}

.mainlevel li
{
display:inline;
float:left;
}

li.sublevel
{
float:left;
display:block;
margin:0px;
padding:0px;
}


.mainlevel a:link, .mainlevel a:visited
{
text-decoration:none;
color:#474747;
font-family:corbel, georgia;
font-weight:bold;
display:block;
width:124px;
height:25px;
text-align:center;
padding-top:10px;
font-size:10pt;
background-image:url(../images/menu_tlo.png);/*color:#ff6295;*/
margin-right:1px;
}

.sublevel a:link, .sublevel a:visited
{
background-image:none;
background-color:#ff6295;
}

.mainlevel a:hover
{
background-image:none;
background-color:#ff98b9;
}




ul#menulist_root li ul {
display:none;
}
ul#menulist_root li:hover ul{
display:block;
background:none;
}