Hey all,

I'm trying to build a custom select dialog box. Without getting into all the styling, it's basically a set of nested divs. Here's the pseudo code below...

<div id="customSearchBoxContainer">
<div id="inputBoxWithGraphic">
<input type="text"><img src="arrowdown onclick="showListToSave()">
</div>
<input type="button" value="Save Search">

<div id="listToSave" onmouseout="hideThisDiv()";>
<ul>
<li>Item One</li>
<li>Item One</li>
</ul>
</div>
</div>

Yet when I do the mouseout, it doesn't do it over the "listToSave" div but it seems like the very top one.

I scoured the web for hours and it seems it's a bubbling issue. But I can't find any solution.

Could anyone help me?

Thanks
Donna

And the javascript code would be?

better still a URL with ALL the code.

DIV isn't like most tags, basicly it is a block element in the fact that it wont wrap around items (unless you tell it to) but the mouse over effects wont work in the whole box, if you moved the mouse over the text then off again you would see it vanish (this is basicly what I mean)

there are a number of things you can do but we really need to see the code first of all to see if any of the methods would be suitable for your application