[Solved] problem with SmoothGallery on IE7, please help..

Hi,

I'm trying to use SmoothGallery 1.0.1 (http://smoothgallery.jondesign.net) on my company's website. This is the address: http://www.mandara.com.au/test/

I use smoothgallery for the main header (timed slideshow type).

After the smoothgallery runs the way I want it, turns out that it overlaps my drop down menu, so I have to add z-index to my drop down menu css:
ul#nav li ul {
display: none;
position: absolute;
z-index: 20;
left:0pt;
top:1.4em;
padding: 4px 0 0 0;
margin: 0;
background-color: #fff;
border: solid #b8afad;
border-width: 1px 1px 0 1px ;
width: 150px;
}

It works on Firefox, but not in IE 7. The drop down menu ("Our Collection" menu) still sinks below the smoothgallery.

Could anyone help me how to fix this? Thanks a lot in advance.

Best regards,
Amelia