Ustawienie menu css 3

[adrian218]

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 :

 

<li><a href="#" title="">Rejestracja</a>

 <ul>

 <li><a href="#" title="">O mnie</a></li>

 <li><a href="#" title="">Aktualności</a></li>

 </ul>

[Patryk1011]

a z tym będzie ok?

<li><a href="#" title="">Rejestracja</a>
 <ul>
 <li><a href="#" title="">O mnie</a></li><br />
 <li><a href="#" title="">Aktualności</a></li>
 </ul>

[adrian218]

No niby z br jest oki ale , ma ktoś pomysł aby odnośnik po rozwinięciu kliknięty się podświetlał ?

[Macsch15]

:focus

[adrian218]

Nie działa mi dodanie focusa coś.