View Full Version : css drop down menu issues

May 21st, 2010, 04: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.


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?

May 21st, 2010, 05:12 PM
An easy way would be as follows

#main_nav li{
#main_nav li:hover ul, #main_nav li.sfhover ul {
left: 0;

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

May 21st, 2010, 06: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?

May 22nd, 2010, 12:51 AM
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!

May 22nd, 2010, 02: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)