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

Hi,

I'm having a problem with my drop-down menu. It displays correctly in Firefox, Opera and IE6. But looks ugly in IE7, the drop-down menu shifts to the right & makes it difficult to click.

I know I'm supposed to do some searching first in this forum, as my question might has already been answered in another topic. Well, I've read some other related topics, but can't find the same case as mine so far.

So, if anyone would kindly help me out Smile The url address is:
http://www.mandara.com.au

Using IE7, hover the "our collection" menu to see the problem I'm talking about.

I've checked the w3 validation, the HTML code is all right. So is the CSS code, except for 2 errors that I don't know how to fix yet.
http://validator.w3.org/check?uri=www.mandara.com.au&charset=%28detect+automatically%29&doctype=Inline&group=0
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.mandara.com.au%2F&warning=1&profile=css21&usermedium=all

Thank you in advance...

Amelia

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

Try this instead: ul#nav li

Try this instead:

ul#nav li > ul { left: 0; /* remove the top: auto value too */ }

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: 10 years 27 weeks ago
Indonesia
Timezone: GMT+7
Joined: 2007-08-10
Posts: 14
Points: 0

Thank you, it works!

Wow, I won't figure that out if you don't tell me. Thanks! Smile