I'm currently using Stu Nicholls' pure CSS drop down menu on my site redesign but I can't figure out how to get it to work in IE 6 (Firefox and IE7 work fine but IE6 doesn't).

His site explains the method and his code can be viewed by viewing his source which gives everything you actually use on your site.

My main CSS file is here and the dropdown CSS for IE6 is here. I've been trying to get my head round this for a while and I still can't figure it out.

If someone can show me what I'm doing wrong and how I can fix it, It'll be very appreciated and maybe some Talkupation can go your way

Dan

The :hover pseudo-class in IE is only supported on the <a>. In order to make it work on any other element, you need some scripting. Google for "whatever hover".

Well, there are DHTML Menus and Javascript Menus that you can use.

There are sample on each of those pages. Especially with Javascript you can just change the CSS properties of the objects just like you already have. It just takes the :hover out of the code.

And if someone has javascript turned off ?? Not the best solution to throw in the towel and rely on JS. The HTC behavior method targets ONLY IE6 and lower, so it interferes with nothing else.

LadynRed, with respect and while I'm not trying to alienate people visiting my site, recent browser statistics showed that the vast majority of people (something like 96%) had Javascript turned on.

Also, can I produce a conditional comment to IE6 to render the Javascript, but that IE7 and FF will ignore?

How do you get stats on how many of your visitors have JavaScript enabled? Not important but the google urchin to record visitors relies on JS...

http://www.w3schools.com/browsers/browsers_stats.asp

W3Schools shows that about 6% of people have Javascript disabled.

I'd admit this might be a slight exaggerated as W3 attracts a lot of techie sort people, but it's still a good approximation of the number.

Point taken. However, if you rely solely on a javascript menu, then you may be making your navigation inaccessible to people who are using assistive technology - which does not execute JS - or text-only browsers which also do not run JS. If you're going to use a JS solution, make sure it's accessible.

Don't worry - I much prefer a CSS menu and I'm hoping to use a Javascript one for IE6, rather than as a replacement to my current menu

Originally Posted by whym

Don't worry - I much prefer a CSS menu and I'm hoping to use a Javascript one for IE6, rather than as a replacement to my current menu

LNR, that's what I was saying. I didn't mean use all Javascript, but there's really no other alternative for IE6.