I cannot get my <select> list to "disappear behind" the yellow window I'm displaying below. yellow.jpg is a 10X10px image and it displays the yellow window when clicked. Somebody please help! Thanks! oh yes, i cannot move any of the two objects to another place in order not to overlap!
<html>
<body>
<form method="post" action="next_1.php">
<table align="center" style="z-index:10;">
<tr><td>
<select name="clc_0003">
<option value=" " selected> </option>
<option value="Red">Red</option>
<option value="Green">Green</option>
<option value="Blue">Blue</option>
</select>
</td></tr></form></table>
<div id="my_id";
style="position:absolute; left:440px;top:15px;"
onclick="this.style.position='absolute';
this.style.top=15; this.style.left=440;this.style.width=200;
this.style.height=100; this.style.backgroundColor='yellow'">
<img src="yellow.jpg">
</div>
</body>
</html>