problem div apears hidden by dropdown and listbox

[csousa]

hi to all

i am building an intranet web aplication done using vb.

in my form i have a textbox with an autosuggestion feature.

my problem is that when i am writing the div that contains the suggestions apears hidden under the dropdowns and the listbox. the apears overs the other controls.

i can show my css file

(...)
div.suggestions {
border: 1px solid black;
position: absolute;
background-color: White;
z-index: 200;
}

div.suggestions div {
cursor: default;
padding: 0px 3px;
}

div.suggestions div.current {
background-color: #3366cc;
color: white;
}
(..)


the z-index of the div is the highest of the form

can someone help me on how to make the div apear in front of these controls
(dropdown and listbox)

thanks for the replay and time

carlos sousa

[mortimer]

Im afraid <select> is a windowed object in IE, and can never be cover up by document elements except Iframes.

So the only solution i can think off is to hide the <select> box with JavaScript or layer an iframe around the div

[csousa]

thanks for the replay mortimer.

i have read a few things about the contents of your replay...
i found a small example on iframe around the div at:

http://dotnetjunkies.com/WebLog/jkin...0/30/2975.aspx

its exactly what i want, the problem is implement this with the autosuggest code that i have

i am using a autossugest feature developed by nicholas c. zakas but the code for me is a beat advanced...(beginner problems)

here is the part of the code that creates the suggestion dropdown:

(...)
AutoSuggestControl.prototype.showSuggestions = function (aSuggestions)
{
var oDiv = null;

//----- clear contents of the layer
this.layer.innerHTML = "";

for (var i=0; i < aSuggestions.length; i++)
{
oDiv = document.createElement("div");
oDiv.appendChild(document.createTextNode(aSuggestions[i]));
this.layer.appendChild(oDiv);
}
this.layer.style.left = this.getLeft() + "px";
this.layer.style.top = (this.getTop()+this.textbox.offsetHeight) + "px";
this.layer.style.visibility = "visible";
};
(...)

can someone tell how put an iframe around this divs

i am lost...

thanks for the replays a time spent