dropdown display front in IE6

[gpawade]

Hello Expert,
dopdown display front of div. but i want it dispaly back.

Actually i show popup using div. but dropdown control display front.

it work fine in IE7, but not in IE6.

if anyone known please reply

[drhowarddrfine]

Link .

[gpawade]

Link .

[html]
<div class='container'>
<div class='header'>
//header stuff here
</div>
<div class='menubar'>
<span class='menuIten' style='position:relative;'>Dropdown Menu
<div class='dropdown' style='position:absolute;z-index:100;'
onClick='javascript:doPopup()'>
<a class='dropdownItem' href='#'>Item 1</a>
<a class='dropdownItem' href='#'>Item 2</a>
<a class='dropdownItem' href='#'>Item 3</a>
</div>
</span>
</div>
<div class='formStuff'>
<select>
<option value='1'>Option 1
<option value='2'>Option 2
<option value='3'>Option 3
</select>
</div>
</div>
[/html]
select is display front. but i want it back.
it work fine in IE7 but not in IE6

[drhowarddrfine]

Neither browser is displaying this correctly. Absolutely positioned elements are removed from the normal flow which should cause an overlap, but I don't see that happening in IE6/7. Both versions of IE are not doing this right. Use Firefox or Opera to correct this; then we can hack to make IE work right.