Общие вопросы

Как сделать, чтобы слой отображался поверх выпадающего списка? Приведенный фрагмент приводит к тому, что список всегда СВЕРХУ слоя. :(

<div style="position: absolute; left: 0; top: 0; border: 1px solid #FF00FF; background-color: #CCCCCC; z-index: 10; visibility: visible;">
1234567890<br>
12345678901234567890<br>
123456789012345678901234567890<br>
</div>
<form action="">
<select name="">
<option>one</option>
<option>two</option>
<option>three</option>
</select>
</form>