.demo {color:#000033; background-color:<%=bgCol%>; layer-background-color:#cccccc; position:absolute; bottom:10px; width:700px; height:100px; visibility:hidden; z-index:5}
<select name="pre" class="drop" tabindex="" onchange="javascript
: sortLeg1(this.options[this.selectedIndex].value)" style=" position: absolute; z-index:9;">
....options........
</select>
<div id="demodiv" class="demo">
<table>
<tr>
<td><b>Rules</b></td>
</tr>
<tr>
<td><b>Heading</b></td>
<td><b>Content</b></td>
</tr>
</table>
i have a problem with this onMouseOver.
It seems to have something to do with select being a windowed object.
the div (onMouseover) does not cover the select boxes, they show through.
is there a way around this?
www.crmpicco.co.uk
www.crmpicco.co.uk.tt
www.milklemonadechocolate.uk.tt
www.griswolds.uk.tt
www.piccosmini.co.uk.tt
www.morton.uk.tt