Christian: Auswahlliste erscheint über DIV-Layer

Beitrag lesen

Hallo! Ich habe folgendes Problem:
auf einer Seite gibt es ein Formular mit Auswahllisten und einen DIV-Layer. Dieser ist per JavaScript drag&drop-fähig. Der Layer erscheint über allen anderen Elementen der Seite, nur die Auswahllisten sind immer obenauf. Woran liegt das?
Anbei mal ein kurzes Beispiel ohne drag&drop:

<html>
<head>
<title>Test</title>

</head>
<body>
<div id="test" style="position:absolute;
   left:20px; top:20px; width:100px; height:100px;
   clip:rect(0px 100px 100px 0px); background-color:green;
   layer-background-color:green;z-order=0">
test
</div>

<form method="POST" action="">
  <select size="1" name="D1">
  <option>test</option>
  <option>test2</option>
  <option>test3</option>
  </select><br>
  <input type="text" name="T1" size="20"></p>
</form>

</body>
</html>