I'm working on optimizing my site to the best of my ability and using div's instead of tables as well as using CSS (which I'm new to). The layout looks fine in Firefox and Safari but when I try using IE 7 my pop-up menu disappears (you can see it as it's loading but then it vanishes when the page is done loading). Is this a z-index problem? Any suggestions?

Here's the link: http://www.classicengraving.org/CSS%20Layout/test.html

Although I haven't tested this, it appears to be a z-index problem. Have you assigned your rounded box (content area) with a z-index? Z-index will only work on div/elements that have a 'position' attribute. The higher the z-index number, the higher it will appear on the 'layered stack' (in front). Try also playing around with z-index negitive values. Example 'z-index: -1'

Good luck

Not surprised. It's Internet Explorer lol.

Ugh. I tried changing all of the z-index's to 10000. I then tried changing them to -1. No such luck. My content area doesn't have a z-index. The weird thing is that I was able to get this to work on my current layout (www.classicengraving.org). However, that current layout uses tables and no external CSS. If only all browsers were created equal.

Any other suggestions would be much appreciated!!

First fix the IDs on your ul's. You have this multiple times:

<ul id="qm0" class="qmmc">

ID's MUST be UNIQUE. You cannot re-use an ID, you can only use them ONCE per page - you have this one THREE times. If you want to re-use the rules for that UL, then use a CLASS instead.

That code is what OpenCube had provided for me. Even when I fixed it, it didn't matter, the nav still was hidden in IE. I think this may be a z-index problem, I just can't seem to figure out how to resolve this issue. Any ideas??

I figured out my problem. For those of you out there who run into this I thought I would post the solution. Just change the order of your divs. Luckily, I had CSS The Missing Manual to help me out.