I need some help. I'm working on a website at http://staging.hawkfire.ca/zunzun/. I created the CSS menu with the latest version of HTML Editor. In Google Chrome 7.0, the menu option on the far right works fine. In the IE8, the dropdown appears behind the content object. If I set the z-index of the content object to -1, the scrollbar no longer works.

What am I doing wrong? I've attached my CSS files and my html file. I'm new to this level of CSS so I've probably got something backwards.

index.txt=index.html
zunzun.txt=zunzun.css
Main-menu.txt=Main-menu.css

I'm using IE8 and the far right menu item opens in front of the image.

Okay - I think I fixed it. The one I posted had the submenu appearing in front of the content , but the scrollbar didn't work . I had a wip copy that had the opposite problem. I added z-index: -1 to the content block and moved it further down. I think the live copy had a problem in that the menu object was overlapping the content object, which was causing the scrollbar to fail.

Thanks to anyone who tried to help!