Edycja wyglądu menu w css

wersja skryptu MyBB:1.6.11
adres forum:handballpro.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam, od tygodnia staram się stworzyć na swoim forum menu w css-ie. Udało mi się stworzyć coś takiego:

Jednak problem dotyczy wyglądu. Chciałbym, aby jakaś dobra duszyczka przerobiła mi mój plik odpowiedzialny za wygląd tego menu. Plik znajduje się w załączniku, ale jego kod wygląda tak:

#menu {

  text-align: left;

  overflow: hidden;

  font-family: calibri, tahoma;

  }



  ul#menu li {

  border: 1px solid #d5d5d5;

  list-style-type: none;

  float: left;


  margin-left: 3px;

  }



  ul#menu li:hover {

  border: 1px solid #d5d5d5;

  list-style-type: none;

  float: left;


  margin-left: 3px;

  }



  ul#menu li a {

  display : block;

  padding : 4pt;

  text-decoration : none;

  }



  ul#menu li li a {

  width: 160px;

  }



  ul#menu li li:hover {


  }



  ul#menu li ul {

  overflow: hidden;

  display: none;

  }



  ul#menu li:hover ul {

  position: absolute;


  padding: 0;
  
  display : block;

  width: 160px;

  }

Plik ten otrzymałem od pewnego znajomego, który jednak uznał, że nie ma zbytnio czasu, aby dokładnie pomóc mi przy tworzeniu wyglądu mojego menu. Pragnę, aby wyglądało ono tak jak moje top-menu:

czyli pasek na samej górze forum, chodzi o wielkość czcionki, jej kolor, wygląd tych buttonów itp. Próbowałem przez około 4 godziny kombinować z badaniem elementów top-menu i przenoszenia jego danych do swojego pliku, ale szło mi to bardzo nieudolnie. Liczę na jakąś pomoc lub chociaż wskazówki, gdyż zdaję sobie sprawę, że jest z tym trochę roboty. Może chociaż wyjaśnienia tego: "#menu", "ul#menu li" na zasadzie "#menu" -> ogólny wygląd menu, "ul#menu li" -> ... Moje forum jest aktualnie zamknięte, ale nagłówek jest dostępny dla gości, jeśli jednak trzeba otworzyć to proszę napisać.

Ale cały kod HTML jest zły. Pisałem.

gdzie nie kliknie to z lewej jedno i to samo się otwiera.

Mi działa wszystko poprawnie i nie rozumiem co się Tobie otwiera. Dobra w takim razie rozwiązuje temat i będzie tylko na kliknięcie.

Proszę, ss z firefoxa.

Heh, w każdym z tych trzech menu są takie same podkategorie, dlatego zawsze masz to samo Nie wiem tylko dlaczego wyświetla Ci to z lewej strony, a nie bezpośrednio pod menu, bo u mnie wyświetla się prawidłowo:

No ja tego też nie wiem. Na Chrome jest dobrze, na Firefox źle. Czyli ogólnie jest źle, bo kod powinien wyświetlać się prawidłowo na wszystkich przeglądarkach.

Usuń:

.main-menu li, .top-menu li {
position: relative;

}

i wsadź ten ul z wyskakującym menu do <a>

Przypomnisz gdzie jest to co mam usunąć i dokładniej tą drugą część co dodać?