Hi

I have a <div> . It's hidden when page loads. Then when I enter some text in a text box, i fire an event which gets results from a page (AJAX) and displays underneath the div.

I then change the property display to "block".

It's fine in FireFox. But, in IE it is displayed UNDERNEATH form elements (textbox, dropdown etc.).

What property do I have to change so it shows on TOP of everything??
HTML Code:
<div id="serial_results" class="ajaxdropdown"></div>
Code:
div.ajaxdropdown
{
	display: none;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #000000;
	width:200px;
}
EDIT: it's the same with my CSS suckerfish drop down menu.