...

View Full Version : css drop down menu issues



jcdevelopment
05-21-2010, 03:45 PM
I have a css drop down menu that i have used before because it never fails me. Although this time it seems to be messing up in IE7. It works fine in every other browser.

http://media.ebby.com/65/

If you click on the link you can see what i mean when you hover over the top menu. It matches well in FF but not in IE7. Am i missing something, or does it have to do with my Javascript?

abduraooft
05-21-2010, 04:12 PM
An easy way would be as follows

#main_nav li{
position:relative;
}
#main_nav li:hover ul, #main_nav li.sfhover ul {
left: 0;
top:65px;
float:none;
}

PS: Your sfhover script needs to be corrected as
var sfEls = document.getElementById("main_nav").getElementsByTagName("LI");

jcdevelopment
05-21-2010, 05:13 PM
So, now why on earth are the links in the drop down wrapping almost after every word? I tried adjusting everything from the links to the "li". The arrows also do not show. You can see the difference between FF and IE7.

What am i doing wring there?

jcdevelopment
05-21-2010, 11:51 PM
I was able to fix the problem with the links wrapping after every word by setting a width. Now the only problem i have is that the "list-style-image" is not showing up.

It shows up on all of the rest of the browsers but IE7. Surprise, surprise.

If anyone can help i would appreciate it. Thanks!

effpeetee
05-22-2010, 01:07 PM
There are many errors.

HTML report. (http://validator.w3.org/check?uri=http%3A%2F%2Fmedia.ebby.com%2F65%2F&charset=%28detect+automatically%29&fbc=1&doctype=Inline&fbd=1&group=0&ss=1)



Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum