dmouser

Code Snippet

/*Style Sheets for Door Autocomplete starts*/

#Doormod {position:absolute;vertical-align:top;width:100%;}

#doorsautocomplete {position:absolute;width:40%;}/* set width of widget here*/

#DoorList {position:absolute;width:100%;}

#doorscontainer {position:absolute;top:1.7em;width:100%;}

#doorscontainer .yui-ac-content {position:absolute;width:100%;height:11em;border:1px solid #404040;background:#fff;overflow:auto;overflow-x:hidden;z-index:9050;}

#doorscontainer .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}

#doorscontainer ul {padding:5px 0;width:100%;}

#doorscontainer li {padding:0 5px;cursor:default;white-space:nowrap;}

#doorscontainer li.yui-ac-highlight {background:#1520B5;color:#ffffff;}

/*Style Sheets for Door Autocomplete Ends*/

/*Style Sheets for user Autocomplete starts*/

#Usermod {position:absolute;vertical-align:top;width:100%;}

#usersautocomplete {position:absolute;width:40%;}/* set width of widget here*/

#UserList {position:absolute;width:100%;}

#userscontainer {position:absolute;top:1.7em;width:100%;}

#userscontainer .yui-ac-content {position:absolute;width:100%;height:11em;border:1px solid #404040;background:#fff;overflow:auto;overflow-x:hidden;z-index:9050;}

#userscontainer .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}

#userscontainer ul {padding:5px 0;width:100%;}

#userscontainer li {padding:0 5px;cursor:default;white-space:nowrap;}

#userscontainer li.yui-ac-highlight {background:#070F7B;color:#ffffff;}

/*Style Sheets for user Autocomplete ends*/

<div id="Usermod">

<div id="usersautocomplete">

<a href="#" onclick="javascript:PopObjectSelector(event,'SelectUser');" onmouseover="self.status='Select Card User/Users';return true"

onmouseout="self.status='';return true" title="Select Card User/Users">

<img alt="" src="../media/images/plus_trans.gif" border="0" title="Select Card User/Users"

width="20" height="20" class="RepPlusImg" /></a>

<textarea id="UserList" name="UserList" cols="50" rows="2" class='RepTextArea' style="overflow-y: auto;"><%=UserList%></textarea>

<div id="userscontainer" style="left: -5px; color: #000000;">

</div>

</div>

</div>

<div id="Doormod">

<div id="doorsautocomplete">

<a href="#" onclick="javascript:PopObjectSelector(event,'SelectDoor');" onmouseover="self.status='Select Door/Doors';return true"

onmouseout="self.status='';return true">

<img alt="" src="../media/images/plus_trans.gif" title="Select Door/Doors" class="RepPlusImg" width="20" height="20" /></a>

<textarea id="DoorList" name="DoorList" cols="50" rows="2" class='RepTextArea' style="overflow-y: auto;"><%=DoorList%></textarea>

<div id="doorscontainer" style="left: -5px; color: #000000;">

</div>

</div>

</div>

The above code works fine in Mozilla but in IE7 the contents of userscontainer display below the DoorList textarea .... which should be above DoorList textarea..

Pls help me....