pull down schiet op rare momenten weg:

hai,

ik ben voor schiool in typo3 aan het proggen, en ik loop vast op een vervelend probleem. (in javascript / html)ik heb een pulldown systeem gebouwd, een divje met een lijst van 13 items, waar de grootte van het divje net groot genoeg is om de eerste te laten zien. zodra je muis erover heen gaat, laattie de hele lijst zien, maar wel met een scroll bar, want de lijst mag niet langer dan 150px worden.

<!-- ###SELECT### -->
<div id='###DIVID###' style="height: 150px; ">
	<div id="bar">
		<!-- Here begins the list. First a header :) -->
		<!-- ###SELECTTITLE### -->
		<div style="overflow:auto; width: 185px;">
			<div class="PulldownSides" style="float:left;  width: 7px;"><a href="#" onmouseover="setPulldown('open','###DIVID###');"><img src="fileadmin/GFX/pulldown_topleft.gif" width="7" height="17" alt="" border="0"></a></div>
			<div class="PulldownTop" style="float:left;" nowrap><a class="LinktextOrange" href="#" onmouseover="setPulldown('open','###DIVID###');">&nbsp;###PULLDOWNTITLE### &nbsp;</a></div>
			<div class="PulldownSides" style="float:left; width: 15px;"><a href="#" onmouseover="setPulldown('open','###DIVID###');"><img src="fileadmin/GFX/pulldown_topright.gif" width="15" height="17" alt="" border="0"></a></div>
		</div>
		<!-- ###SELECTTITLE### -->
		
		<!-- Now here the list in the menu
		-->
		<div style="width:185px; position: relative; ">
			<div style="overflow:auto; height: 150px;" onmouseover="setPulldown('open','###DIVID###');" onmouseout="setPulldown('close','###DIVID###');">
				<!-- ###SELECTROW### -->
				<div style="overflow:auto; width: 185px;">
					<div style="float:left; width: 7px;" class="PulldownLeft">&nbsp;</div>
		        	<div style="float:left; width: 163px;" class="PulldownCenter" nowrap><a class="LinktextOrange" href="###URL###">###TITLE###</a></div>
		        	<div style="float:left; width: 15px;" class="PulldownRight">&nbsp;</div>
				</div>
				<!-- ###SELECTROW### -->
				
				
				<!-- Last is the footer -->
				<div style="overflow:auto; width: 185px;">
					<div style="float:left; width: 7px;"><img src="fileadmin/GFX/pulldown_bottomleft.gif" width="7" height="17" vspace="0" border="0"></div>
					<div style="float:left; width: 163px;" class="PulldownCenter" nowrap><a class="LinktextOrange" href="###URL###">###LASTTITLE###</a></div>
					<div style="float:left; width: 15px;"><img src="fileadmin/GFX/pulldown_bottomright.gif" width="15" height="17" vspace="0" border="0"></div>
				</div>
			</div>
		</div>
		
	</div>
</div>
<!-- ###SELECT### -->

werkt perfect :) ... in IE

ga je m in ff openen, dan werktie ook, zolang je je muis in de bovenste div houd (head) of de scrollbar. anders klaptie weg. iemand enig idee?

bvd
jan