Drop-down Document Viewer II - (css/z-index/iframe)

[Parablese]

EDIT: Nevermind, I just made pages and had them onload with the body tag. Finally workin'.

1) Script Title: Drop-down Document Viewer II

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

3) Describe problem: Further insight needed involving z-indexes, iframes..

When I'm testing in Mozilla, (from my hard drive) defaulting the iframe to "/" leaves it empty. I'd like this, because I've a background image I'd like the user to see beforehand. The drop-down CSS menu contains the links to the pages for the iframe to load.

Now, when there's no page in the iframe ("/") when the page loads, the menu is hidden behind the iframe. Obviously, it's impossible to see, but you can oddly still click on it. I've given it plenty of different z-indexes, both the menu and the iframe. Either nothing shows up other than the background image, or even a range of 1-9999 doesn't put the menu infront.

I believe I could do this, since when there IS a page loaded into the frame, the menu overlays just fine. Opacities and all.

I cut everything out, the page has an external js and css file. [the background-image was styled to the body with CSS] But now that it's hosted, I'm thinking the "/" href is causing it to revert to freewebs for some reason. So I guess that brings up another question on why that happens. ...either way... here's the link.

(edit: I changed the "/" to "#", so now it acts like it has been for me)

So.. is this worth trying to do?

Furthermore, I'm not looking to support IE/Opera. Just Firefox.

Thanks for your time!