[JavaScript]Wysuwane menu i scrollowanie strony, jw Opcje

[miras]

Witam, mam zrobione wysuwane menu na bok, wszystko dziala ok, natomiast problem pojawia się gdy najedziemy na najnizszą pozycje menu i wtedy rozsunięty element chowa się (trzeba scrollowac strone w dol aby to zobaczyc) jak to naprawic?

kod:

[HTML] pobierz, plaintext 
 
 function pokazp(diw) {
	$("#"+diw).show();
	}
 
	function schowaj(diw) {
		document.getElementById(diw).style.display = 'none'; 
	}
 
 
 
 
			<pre style="width: 200px; height: 30px; overflow: hidden;" onMouseOver="pokaz('pop{php}echo $i;{/php}');" onMouseOut="schowaj('pop{php}echo $i;{/php}');">
             <a href="{$smarty.const.APP_URL}kategoria,{rewrite text=`$item.name`},{$item.id}.html"><span>{$item.name} ({$item.count})</span></a>
 
 
 
 
 
			  <div id="pop{php}echo $i;{/php}" style="display: none;">
			   <div style="width: 200px; background: #fff; position: absolute; float: left; display: block; margin-top:-18px;  margin-left: 180px; z-index: 99999;">
 
				 <ul class="menu">
						{foreach item=sub from=$announcementCategorys}
							{if $sub.children==$item.id}
								<li><a href="{$smarty.const.APP_URL}kategoria,{rewrite text=`$sub.name`},{$sub.id}.html"><span>{$sub.name} ({$sub.count})</span></a></li>
							{/if}
						{/foreach}
				 </ul>	
			  </div>
			  {/if}
			</pre>
 
 
 
[HTML] pobierz, plaintext