DropDownList overlapping WebDialogWindow

/// <summary>

/// Register javascript to hide select elements. Select elements overlap window in IE6

/// </summary>

protected void RegisterJavaScript() 
{

//Creates function that displays select elements

if (!Page.ClientScript.IsClientScriptBlockRegistered("ShowSelect")) 
{

string scrp = "<script>function showSelect(){ var dialog = $find('" + this.dialogWindow.ClientID + "');"; 
scrp += " var resultVar = dialog.get_windowState();if (resultVar == 3) {var elements = document.getElementsByTagName('select');";

scrp += "var i = 0; var dispType = 'inline'; while (i < elements.length) { elements[i].style.display = dispType;i++;}}}</script>";Page.ClientScript.RegisterStartupScript(this.GetType(), "ShowSelect", scrp); 
}

//Creates function that hides select elements

if (!Page.ClientScript.IsClientScriptBlockRegistered("HideSelect")) 
{

string scrp = "<script>function hideSelect(){var elements = document.getElementsByTagName('select'); var i = 0;"; 
scrp += "while (i < elements.length) {elements[i].style.display = 'none';i++;}}</script>";

Page.ClientScript.RegisterStartupScript(this.GetType(), "HideSelect", scrp); 
}

 

} 

 

In the WebDialogWindow attributed I added the javascript functions to the ClientEvents tag.

<ClientEvents Initialize="hideSelect" WindowStateChanged="showSelect" />