Drop Down Menu Shows Behind RSS Feed Preview

[Elbee]

1) Script Title: drop down html control

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...owncontrol.htm

3) Describe problem:

In the following link to my website, the drop down menus show up behind the RSS feed preview in Internet Explorer; however, they show up as they should in front of the preview in Firefox.

Is there a fix for this?

http://jaxpubliclibrary.org/newdesign.html

Thanks for your help, Elbee

[azoomer]

Hi Elbee, I can't come up with a trick for that situation right now, but I know that this problem has been giving many a coder a great headache. We will see if somebody else has a solution, otherwise you may want to consider putting a nice picture at the top of the page thus avoiding the overlap between the iframe and the dropdown.

[ddadmin]

Currently the only menu on DD that has a mechanism in place for dealing with the IFRAME overlapping issue in IE is All Levels Menu. It supports the IFRAME shim feature that when turned on should do the trick here.

[indeed]

looks like it was a classic ie problem
how about adding

position:relative;
z-index:999;

somewhere on the dropdown css rule?

[Elbee]

Do you have any other suggestions since the
position:relative;
z-index:999;
didn't work?

I'm going crazy! The menus are just like I want them and everything looks great in Firefox. There must be something I can do to fix the problem in IE.

My code for the iframe:
<iframe
src="http://jplcalendar.coj.net/evanced/lib/eventsxml.asp?lib=0&nd=60&dm=rss2"
width="72%" height="450" scrolling="auto" code border="0" frameborder="0"></iframe>

The link to how the page appears:
http://jaxpubliclibrary.org/newdesign2.html

Thanks for your help!