Szukam Rozwijane Menu w stylu ImAdige

wersja skryptu MyBB:1.8
adres forum: http://www.fworld-t.zz.mu
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Pomógł by mi ktoś zrobić rozwijane menu niestety moje próby są marne i źle to wychodzi jak podmieniam kody itp
Może ktoś pomóc?

Rozumiem że chcesz dodać na końcu rozwijane menu?
Ma być widoczne dla gościa/admina czy wszystkich?

chcę żebym mógł mieć rozwijane menu np. Forum Regulaminy itd itp.
tak jak jak jest na fwtonline.pl
Dla wszystkich.

---

Pomoże ktoś?

Ale co Ci nie wychodzi? Pokaż jakiś kod który Ci nie wyszedł.
Masz tutaj proste przykłady http://cssdeck.com/labs/another-simple-c...pdown-menu http://line25.com/tutorials/how-to-creat...pdown-menu drugi jest nawet opisany krop po kroku.

wklejam ten kod do global.css

#menu li {list-style: none;}
#menu {padding: 1px 5%;line-height: 1.4; float:right;
margin-top:33px}
#menu [class^="icon-"] {  font-family: FontAwesome;}
#menu ul {visibility: hidden; position: absolute; top: 100%; left: -40px;}
#menu li {float: left; padding-right: 1px; position: relative;}
#menu li li {float: none; padding-top: 1px; width: 160px; }
#menu li:hover ul {visibility: visible;}
#menu a, #menu li:hover li a {
color:#9a9a9a;
background:url(images/carbon/trans10.png) repeat;
background:rgba(0,0,0,0.1);
  margin-right: 13px;
-webkit-border-radius:3px;
  
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.8) 0 1px 5px,rgba(255,255,255,0.02) 0 0 0 1px,rgba(255,255,255,0.05) 0 1px 0;
-moz-box-shadow:inset rgba(0,0,0,0.8) 0 1px 5px,rgba(255,255,255,0.02) 0 0 0 1px,rgba(255,255,255,0.05) 0 1px 0;
box-shadow:inset rgba(0,0,0,0.8) 0 1px 5px,rgba(255,255,255,0.02) 0 0 0 1px,rgba(255,255,255,0.05) 0 1px 0;
display:block;
outline:none;
padding:0 15px;
line-height:34px;
height:34px;
position:relative;
font-weight:700;
transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s}
#menu li:hover li a {background:rgba(0, 0, 0, 1); }
#menu li li a {color:#fff;    width: 120px;margin: 0;padding: 1.2em 1.8em;    display:inline-block; background:rgba(0, 0, 0, 1);}
#menu li:hover a, #menu li:hover li:hover a {background:rgba(0, 0, 0, 1);} 
#menu li:hover li:hover a {background:rgba(0, 0, 0, 0.5);} 


Ten w header:

<ul id="menu">
           <li><a href=http://fwtonline.pl>Forum</a>
        <ul>
            <li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">Nowe Posty</a></li>
            <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily" class="selected">Dzisiejsze Posty</a></li>
                    <li><a href="showteam.php">Ekipa Forum</a></li>
   <li><a href=http://fwtonline.pl/thread-128-post-317.html#pid317>Opis Rang</a></li>
                     <li><a href=http://fwtonline.pl/newpoints.php>FWT Coins</a></li></ul></li>
                  
                    <li><a href=http://fwtonline.pl/forumdisplay.php?fid=5>Regulamin</a>
        <ul>
            <li><a href=http://fwtonline.pl/showthread.php?tid=7>Regulamin Forum</a></li>
            <li><a href=http://fwtonline.pl/showthread.php?tid=8>Regulamin 
              Rozgr.</a></li></ul></li>
              <li><a href=http://fwtonline.pl/forumdisplay.php?fid=26>Ranking</a>
        <ul>
            <li><a href=http://fwtonline.pl/thread-109-post-234.html#pid234>Ranking Ogólny</a></li>
            <li><a href=http://fwtonline.pl/thread-47-post-59.html#pid59>Ranking Live</a></li></ul></li>
                    <li><a href=http://fwtonline.pl/thread-138-post-357.html#pid357>Trwające Turnieje</a></li>
    <li><a href="{$mybb->settings['bburl']}/memberlist.php">Użytkownicy</a></li>
    <li><a href=http://eafifa.net.pl/typer/fsports.php>Liga Typera</a></li>
                    <li><a href=http://fwtonline.pl/thread-181-post-570.html#pid570>VIP</a></li>
    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Pomoc</a></li>
    <li><a href="{$mybb->settings['contactlink']}">{$lang->bottomlinks_contactus}</a></li> 


Efekt na Operze jest taki:


a na Mozilli taki:


i nie wiem o co w tym chodzi

Chciałbym, żeby tych kropek nie było. Oraz naprawic ten bład na mozilli ;/

w global.css linia 1833 do #menu li { dopisz

list-style: none;

Niestety nie pomogło, dalej jest tak samo

tyle ze te kropki znikły. ale dalej menu jest rozjechane oraz na mozilli wyglada tak jak wyżej na zdjęciu

---

Ktoś mi przerobi ten kod żeby było rozsuwane i żeby można było dodać dodatkowe pole, bo niestety jak dodam kolejne pole to wyskakuje pod

.imc_hizlimenu {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 492px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
}

.imc_hizlimenu ul {
      margin-top: 0px;

}

.imc_hizlimenu ul li {
    list-style: outside none none;
    display: inline-block;
    margin: 0px 0px 0px 25px;
    padding: 0px;
    text-align: center;
    line-height: 30px;
}

.imc_hizlimenu ul li a:link, .imc_hizlimenu ul li a:visited {
      color: #fff;
    text-decoration: none;
    transition: all 0.5s ease 0s;
      border: 1px solid #212121;
    border-radius: 5px;
      padding: 5px;
       background: none repeat scroll 0% 0% #B60303;
    text-shadow: 0px 0px 1px #FFF;
}

.imc_hizlimenu ul li a:hover, .imc_hizlimenu ul li a:active {
      color: #fff;
    text-decoration: none;
    transition: all 0.5s ease;
    border: 1px solid #ddd;
    border-radius: 5px;
      background: #E30000;
      box-shadow: 0pt 0pt 1em #fff;

}