Div Select Blocking Solution _ form effects

<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<title>div dropdown menu is blocked by Select solution </title>
<div style= "Z-INDEX:10; Position:absolute; width:100; height:18; Overflow:hidden; "
Onmouseover= "this.style.height=100;" onmouseout= "this.style.height=18;" >
<iframe style= "Position:absolute; Z-index:-1; width:100%; height:100%; top:0;
left:0; Scrolling:no "frameborder=" 0 "src=" About:blank "></iframe>
<div style= "Background-color:silver;" >
Drop down menu <br/>
Bbbbbbb<br/>
Ccccccc<br/>
Ccccccc<br/>
Ccccccc<br/>
Ccccccc
</div>
</div>
<select style= "width:200" >
<option>test0</option>
<option>test1</option>
<option>test2</option>
<option>test3</option>
</select>
<br/>
<pre>
Div is a more common problem when it is blocked by a select.
Some friends by the content of the div into the iframe or object to solve.
Unfortunately, this will destroy the structure of the page, interaction is not good.
The method used here is:
Although Div directly cannot cover select
But the DIV can cover the IFRAME, and the IFRAME can cover the Select,
So, take an IFRAME as the base of the Div,
This div will cover the select.
</pre>
</body>