2 replies [Last post]
adevv
Offline
Regular
Indonesia
Last seen: 4 years 8 weeks ago
Indonesia
Timezone: GMT+7
Joined: 2007-08-10
Posts: 14
Points: 0

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

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 48 weeks 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Have you tried adding a

Have you tried adding a z-index to the content that's being overlapped?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

adevv
Offline
Regular
Indonesia
Last seen: 4 years 8 weeks ago
Indonesia
Timezone: GMT+7
Joined: 2007-08-10
Posts: 14
Points: 0

Solved, Thanks.

Oops, problem solved, I add z-index to "ul#nav li" too, not just
"ul#nav li ul" and it works smoothly in IE 7 Smile
Thanks.