Witam.
Od kilku dni walczę z menu, które próbuję zrobić na stronie www.pr-april.com. Chodzi dokładnie o rozwijane menu - po najechaniu na element Events pojawiają się dwie kolejne podstrony ale elementy te ułożone są poziomo obok siebie, a chciałbym żeby ułożone były pionowo, jeden pd drugim. Proszę o pomoc jak to zrobić, gdzie jest błąd.
Poniżej dołączam kod styli css.
Marcin.
#menu{
background-image:url(images/bg-menu.jpg);
background-repeat:no-repeat;
background-color:#000;
height:35px;
}
#menu ul{
list-style-type:none;
margin:0 0 0 12px;
padding:0;
display:block;
#menu li{
display:block;
}
#menu li a{
padding: 9px 15px 9px 15px;
display: block;
float: left;
color: #fff;
text-transform: lowercase;
font-size: 12px;
}
#menu li a:hover{
background-image:url(images/bg-menu-over.jpg);
background-repeat:repeat-x;
color:#fff;
}
#menu .current_page_item a{
background-image:url(images/bg-menu-over.jpg);
background-repeat:repeat-x;
color:#fff;
}
/* Sub-menus */
#menu li ul li a, #menu li ul li a:visited {
background-color:#3d6d3d;
background-repeat:repeat-x;
width: 100px;
text-align: left;
display: block;
text-decoration: none;
color: #fff;
margin: 35px 0 0 0;
}
#menu li ul li a:hover, #menu li ul li a:visited:hover {
color: #fff;
text-decoration: none;
}
#menu li ul {position: absolute; visibility: hidden; list-style: none;}
#menu li:hover ul, #menu li.hover ul {visibility: visible;}
#menu li:hover ul ul, #menu li.hover ul ul {visibility: visible;}
#menu li li:hover ul, #menu li li.hover ul {visibility: visible;}
#menu li li:hover ul ul, #menu li li.hover ul ul {visibility: hidden;}
#menu li li li:hover ul, #menu li li li.hover ul {visibility: visible;}
#menu li {float: left;}
#menu li ul li {float: left;}