Błąd z menu w Operze

Witam mam pewien problem z głównym menu na mojej stronie, otóż w Mozilli wszystko wygląda prawidłowo natomiast w Operze, menu z przyciskami przesuwa się trochę w dół, i nie wiem czym jest to spowodowane…

można to sprawdzić tu - www.gametronik.pl

wydaje mi się że wina leży w css i chciał bym zapytać jak usztywnić te wartości ??

#top-menu { width:100%; overflow:hidden;}

#top-menu li { margin:0 auto; margin-left:-2px; float:left;}

#top-menu li a { display:block; font-size:1.1em; color:#CCCCCC; text-decoration:none; text-transform:uppercase; font-weight:bold; background:url() no-repeat left top; width:124px; height:40px; margin:0 auto; text-align:center; line-height:37px;}

#top-menu li a:hover { background:#111; background:url(images/mainmenu2.png) left top repeat-x; color:white;}

Nie tylko w Operze - w IE8 to samo.

Nie mam doświadczenia w tym zakresie, ale…

Zwróć uwagę na narzędzia deweloperskie w przeglądarkach.

IE mnie nie interesuje, tam się sypie połowa portalu. Mojego jak i innych…

IE to przeżytek…

Rozumiem że nie interesuje Cię przestarzały IE6, ale czy aby na pewno sprawdzałeś w IE8 (oczywiście z wyłączonym widokiem zgodności)…?

Powinno pomóc

#top-menu {overflow:hidden;}

W pewnych momentach dziwnie ktoś zakodował ten layout. Po drugie menu nie tylko sypało się pod operą ale także pod kilkoma innymi przeglądarkami.

Wielkie dzięki mario@ jak zwykle pomagasz w sprawach web-masterki :wink:

Pozdrawiam