Horizontal Menu and scrolling main layer

[xavier2006]

Hi there. I have a problem with a modified template and can not figure a way out of it.
I am using version 0.13 and have modified the site utilizing the horizontal menu. I have given the main layer the following parameters in the layout CSSmenuhoriz1c :
div#main {
        position: absolute;
        left: 100px;
        height: 280px;
        width: 670px;
        z-index: 1;
    }
In the layout sheet I have  these parameters:

          div#main {
                  overflow: auto;
            }

My problem is when I add extra pages to the horizontal menu, the main layer takes precedence over the menu and wont allow the menu selections to be chosen. If I take out the overflow everything works fine but the text then fills into the image and looks like..... well you get the drift. The design of the page was dictated by the graphics I was provided and I have to make CMSmadesimple work it all. 
Is there anyway I can get the menu to run over the top of the layer and still get the auto scroll working?

The site address is http://www.xavier.sa.edu.au.

Thanks

I just found out that the only browser so far that this wont work with is Mozilla on a linux system. It works fine on IE6 and Firefox for windows.  Now theres a turn up for the books. The evil side has something working!

[Dr.CSS]

I would stich all the outer images together and put them in the background with the right hand image cut off at the narrowest point then make another to cover the span from top to bottom on that side as the content grows to get rid of the overflow...