Witam mam problem dodałem listę rozwijaną do mojego menu lecz po najechaniu i wyskoczeniu elementów po rozwiniecie wyświetlają się one tak :
Wystarczy najechać na menu z rejestracją :
kod css wygląda tak :
#menu { width:100%; overflow:hidden; background:url(../images/menu_line.png) 0 0 no-repeat}
#menu > li { float:left; padding-right:2px; background:url(../images/menu_line.png) right 0 no-repeat}
#menu > li > a{ display:block; width:158px; font-size:22px; color:#7f7f7f; text-decoration:none; text-align:center; height:60px; line-height:60px; letter-spacing:-1px;}
#menu > li > a:hover, #menu > .active > a{ background:url(../images/menu_active.gif) top repeat-x; color:#fff}
#menu li {list-style-type: none; margin: 0 auto; float: left; }
#menu li li a {width: 160px;}
#menu li ul {overflow: hidden; display: none; background: #242424;}
#menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px;}
A kod html wygląda tak :
Rejestracja
- O mnie
- Aktualności
[/code]