Topic: Absolute layer under Relative layer problem

In IE7:
I am having a problem with an absolute layer that should appear above the relative layer just below it. This is a menu, I use JavaScript (Prototype) to dynamically show the absolute layer. Here is the page:

http://msob.lfchosting.com/results.aspx?tax=1&meet=10374

Hover over "Choose Session" and you'll see the problem.

I do not have this problem in FF, just IE7.

Any ideas how to fix this?

Karl..

I have come across this issue in the past. The only solution for me was to swap each element's place in reverse order, which means to put the layer that you want on top of the other layer physically before in the code, then position it with CSS.

In other words, you need to put your <div class="results_header"> before your <div id="RECENT_EVENTS" ... >. It is a real pain but it works.

______________________________________

The Fat Controller is gonna get you in the end.

I thought so. Crapos... Ok, I got another one. IN FF, on this page, if you click on "Show Results" you get a ghost of the H2 title tag from below it. So as the Ajax content loads, it's div expands and pushes the content of the page from that point down, leaving behind the ghost. This appears to be an FF display issue, as the behavior is only apparent when the browser has been scrolled down a bit.

Thanks,
Oh, here's the page:
http://msob.lfchosting.com/results.aspx

(same page, just different state)

Followup: I've rereanged the HTML elements so that the relative styled elements are rendered last then using scripting, css-style and absolute positioning, I move them back into place.

YUCK!!!!!

How many others are doing something similar to this? Working now, so I'm happy, but all this pain, grief, and agony because IE doesn't work properly ...and I have looked at my page on a mac browser yet either...

Karl..