Problem z menu

[Mistrzu.]

Po najechaniu na to wyskakuje wysuwane menu z którego powinno dać się wybrać jakąś opcję:

 

 

Jednak po najechaniu na którąś z nich menu automatycznie znika:

 

 

 

W czym może leżeć problem? Dodam także, że zmieniałem czcionkę w plikach .css.

 

 

 

PS.

Dałoby rade jakoś zmienić kolory tych pasków?

 

http://scr.hu/0e7a/dc4wb
 

[RosheD]

Nadaj wysuwanie się na całego diva a nie na Ten pojedynczy "przycisk", ewentualnie zamiast margin uzyj padding. Jeśli to nie będzie działać to musiał byś podać kod.

http://jsfiddle.net/7s7t763h/7/

[Mistrzu.]

Problem w tym, że nie mam pojęcia, gdzie może znajdować się cały kod tego menu.

To jest kod z headera:

<ul id="user-widget">
<li class="user-info" id="menu">
<div class="himage"><img src="{$mybb->user['avatar']}" width="50" height="50" class="headavatar" title="{$mybb->user['username']}"></div>
<div class="uinfo"><span class="user">Witaj, {$mybb->user['username']}</span>
<span class="followers">Masz {$mybb->user['unreadpms']} nieprzeczytanych wiadomości.</span>
</div>
<ul>
<li><a href="{$mybb->settings['bburl']}/usercp.php" >{$lang->welcome_usercp}</a></li>{$modcplink}{$admincplink}
<li><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);">{$lang->welcome_open_buddy_list}</a></li>
<li><a href="{$mybb->settings['bburl']}/private.php"><span class="entypo-comment"></span>Prywatne wiadomości<span class="hover"> {$lang->welcome_pms_usage}</span></a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a></li>
</ul>
</li>
</ul>

[ArcheR.]

Pomagałem znajomemu z tym stylem.

Dodaj do tego diva: margin-top: -12px;

Całość:

#menu li {
padding: 13px;
background: white;
margin-top: -12px;
}