Here is what it should read:

I have a similar situation, but instead of the menu being a on the same page as the selects, the selects are contained within a page already loaded in an IFRAME.

In other words, I have a page that contains a drop-down menu. Below the menu, I have an IFRAME that changes the page source based on the selection in the drop-down menu. The SELECTS in the pages (contained in the IFRAME) are bleeding through the DIV menu of the main page. Adding an IFRAME on the same page of the menu doesn’t seem to work.

Any ideas?

function show_message() {
var d = document.getElementById(”message”);
d.style.display = “block”;
var e = document.getElementById(”selection”);
e.style.display = “none”;
}

function close_window () {
var d = document.getElementById(”message”);
d.style.display = “none”;
var e = document.getElementById(”selection”);
e.style.display = “block”;
}

The div containing the message has id: message, and the div containing the select statement has id: selection.

Best,
Chad

You might want to test my Select Fix which corrects this bug : http://www.fabien-molinet.fr/index.php?option=com_content&task=blogsection&id=8&Itemid=9
You won’t have to put obscure code like IFRAME in your webpages anymore.

Give me some feedback !

Best regards,
Fabien Molinet

I am glad it worked for you. It took me a good day to put together bits and pieces of info together to get it to work, some bits worked others didn’t.

I don’t know what your exact need was, but for my “dropdown” menus, I didn’t want ALL(if more than one) select boxes to disappear when the menu came down. I felt that there was potential to distract or confuse the user. For me it felt distracting if the entire

<select> disappeared when only a portion was covered by the menu.

#oBox_iframe
{
width:100%;
height:100%;
position:absolute;
left:0;
top:0px;
display:block;
filter:alpha(opacity=0);
-moz-opacity: 0.80;
opacity: 0.80;
}

I gave it a 100% width and height to take up the whole screen and cover all drop menus. Once the user clicks the prompt, you must close the i-frame or your page will be un-clickable.

I had to leave the frameborder attribute or else I was left with unwanted scrollbars in the browser window.

I also added the opacity code for other browsers.

Thanks again! This saved the day for me!