Ustawienie menu css 3


(adrian218) #1

Witam mam problem dodałem listę rozwijaną do mojego menu lecz po najechaniu i wyskoczeniu elementów po rozwiniecie wyświetlają się one tak :

http://vexoriamt2.pl/

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]