Why doesn't this menu work?

Bruce Gust
Bruce Gust used Ask the Experts™
on
I'm building a cascading menu using CSS. I've done it before, but I'm still pretty new to this, hence my current quadary.

Head out to http://muscularchristianityonline.com/campus/about.php I'm trying to get the "About" link on the nav bar to open up a pull down menu just like I did when you head out to http://www.countryshowdown.com. But I'm missing something and I don't know what.

How do I get my pulldown menu to show up? I should be able to hover over "About" and see another menu option, but it's not working and I don't know why.

Thoughts?
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
LZ1
Top Expert 2011

Commented:
It's opening for me in Firefox.  You just need to adjust the top value from 100px to 45px in the #nav ul
Bruce GustPHP Developer

Author

Commented:
I see what you're talking about, but it doesn't change anything in IE. Is there anything else that's lacking?

Thing is, the exact same infrastructure is at countryshowdown.com. This should work and I don't know why it doesn't.
LZ1
Top Expert 2011

Commented:
Your missing a doctype.  It's throwing IE into Quirks mode.  You can use the HTML 5 Doctype or you can use another one. But you NEED a doctype.
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Bruce GustPHP Developer

Author

Commented:
I went with <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">, but while it works in Safari, it doesn't work in IE.

What can I do to make it cross platform friendly?
Top Expert 2011
Commented:
Actually the Doctype is something like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Or if you want to use the new HTML5 stuff:
<!DOCTYPE>
Bruce GustPHP Developer

Author

Commented:
That did it!

I've got another question about how to distribute my links evenly on my nav bar. Would love it if you could weigh in on my dilemma.

Thanks!

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_27671547.html
LZ1
Top Expert 2011

Commented:
I'll see what I can do

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial