Menu rozwijane. Opcje

[S21]

Witam. Mam problem z menu rozwijanym tzn jak mające kursorem to znika. Nie wiem co jest w kodzie zle. Forum z menu to http://silenthunter.pl

[HTML] pobierz, plaintext 
<!-- HEADER begin -->
<div id="header">
<div id="header00">
    <object type="application/x-shockwave-flash" data="{T_THEME_PATH}/images/logo.swf" width="982" height="195" align="center">
    <param name="movie" value="{T_THEME_PATH}/images/logo.swf">
    </object>
</div>
<div id="header01"></div>
<div id="header02">
    <div id="header02-a">
        <a class="dwk" href="{U_INDEX}">{L_INDEX}</a>
        <!-- IF S_USER_LOGGED_IN -->
 
		<ul class="sf-menu" id="example">
			<li class="current">
				<a class="dwk" href="#a">Mapy SHPD 1st</a>
				<ul>
					<li class="current bgd">
						<a href="#ab" class="first_child">Zamknięte<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
							<li class="current "><a href="http://www.worldoftanksguide.com/maps/map-himmelsdorf-1.jpg" class="first_child">Himmelsdorf</a></li>													
						</ul>
					</li>
					<li class=" bgd ">
						<a href="#">Otwarte<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
							<li><a href="http://www.worldoftanksguide.com/maps/map-el-halluf-1.jpg" class="first_child">El Halluf</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-erlenberg-1.jpg">Erlenberg</a></li>
						<li><a href="http://www.worldoftanksguide.com/maps/map-fishermans-bay-1.jpg">Zatoka Rybacka</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-karelia-1.jpg">Karelia</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-komarin-1.jp">Komariny</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-malinovka-1.jpg">Malinovka</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-murovanka-1.jpg">Murovankay</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-prokhorovka-1.jpg">Prokhorovka</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-redshire-1.jp">Redshirey</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-sand-river-1.jp">Sand River</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-steppes-1.jpg">Steppes</a></li>
							<li><a href="http://img.burning-brushes.pl/?v=swamp.jpg">Bagno</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-westfield-1.jpg">Westfield</a></li>
							<li><a href="http://imageshack.us/a/img41/3119/dragonridge.jpg">Smocza Grań</a></li>
						</ul>
					</li>
					<li class=" bgd">
						<a href="#">Mieszane<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
							<li><a href="http://www.worldoftanksguide.com/maps/map-abbey-1.jpg" class="first_child">Abbey</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-arctic-region-1.jpg">Region Arktyczny</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-cliff-1.jpg">Cliff</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-ensk-1.jpg">Ensk</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-fjords-1.jp">Fjordy</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-lakeville-1.jpg">Lakeville</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-mines-1.jpg">Mines</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-mountain-pass-1.jpg">Przełęcz</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-ruinberg-1.jpg">Ruinberg</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-siegfried-line-1.jpg">Siegfried</a></li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
 
            <a class="dwk" href="{U_PROFILE}">Profil</a>
            <a class="dwk" href="http://www.silenthunter.pl/portal.php">PORTAL</a>
 
 
		<ul class="sf-menu" id="example">
			<li class="current">
				<a class="dwk" href="#a">Pobierz</a>
				<ul>
					<li class="current bgd">
						<a href="http://silenthunter.pl/pobierz2/" class="first_child">Mody <font color="red">SHPD 1ST</font><img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
 
						</ul>
					</li>
					<li class=" bgd ">
						<a href="http://silenthunter.pl/pobierz/">Mody SH3<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
 
 
			</li>
		</ul>
        <!-- ENDIF -->
    </div>
[HTML] pobierz, plaintext 

[ShadowD]

U mnie całość działa, a u Ciebie może być problem taki:

Gdy najdziesz na "mapy shpd" menu się rozwija, i zanim znów najdziesz na pole z rozwiniętym menu to pomiędzy 1 a 2 elementem masz wolną przestrzeń, która jest traktowana tak jak byś zjechał kursorem z menu - więc znika. Spróbuj bardzo szybko przenieść kursor z opisy "mapy shpd" na rozwiniętą listę.

Rozwiązanie jest dość proste, musisz powiększyć pole aktywne dla przycisków, najlepiej menu tworzyć na listach a w środku a, li powinno nie zawierać deklaracje nt. wysokości elementu (i szerokości jeśli nie jest to wymagane też), a rozciągać powinieneś je a, dodaj style dla a display:block i padding (nie margin), a samo ul niech ma wysokość całego menu, a <a> padding taki by umieścić tekst równo na środku i rozepchnąć li tak by pokrywało taką samą wysokość jak ul.

Mam nadzieję że dasz radę ogarnąć co napisałem. (IMG:style_emoticons/default/tongue.gif) Ew. popatrz sobie firebugiem na kod menu po lewej na http://cmsss.pl, tam a jest tak duże jak cały przycisk, a li jest jedynie takim kontenerem który posiada margin by oddalić go od innych elementów menu.