Topic: CSS inter-browser question

I'm trying to make a hover-menu without JS. And I have some example i'm adapting.
But I've just realised that the hover part works only in mozilla.
If someone could take a look here and hover over the Products buttons...
That menu that apperas is there only in mozilla.
I'm doing this changing from

li:hover {display:none}

to

li:hover {display:block}

Is there a way to make this work in IE too, without any JS?
The css file is here.
thanks


Curiously yours, crip

It disappears when you put your mouse off of the Products button...

I think that This article may be of some assistance. If memory serves, he had a IE problem too. Sadly, the article does use a tiny bit of Javascript. But I don't know how you could solve this problem without it.


A foolproof method for sculpting an elephant: first, get a huge block of marble, then you chip away everything that doesn't look like an elephant.

crip: As you probably already know, IE/PC only accept the :hover pseudo classe on A tags. So if you wanna stay away from JS, you'll have to nest the content of your LI in an A tag filling completly the space of the LI.

As a side not, you should use an Image Replacement method in your LI, to have a text content available for text readers, search engines, ...
Hope that helps

Oh, totally forgot about the :hover issue..
Hmm, wasn't there a petition around concerning standards? LOL
Thanks a lot, will try your ideas and get back with info.


Curiously yours, crip

It appears i can't pull it of without a behaviour file attached through css. For IE...
I tried nesting the UL that i want to appear when i mouse over a link in an A tag, but it doesn't work...


Curiously yours, crip