Show/Hide Div - no JS

[tonynoriega]

from my research, i have found that the :hover pseudo class does not work on DIV ID elements, is that still correct?

Here is what i need to create.

user sees 5 options.

as the user hovers over any of the 5 options, a hidden box appears below their option.

the box stays static on screen, until they hover over another option.

i dont want the box to dissapear once they hover away from the option, but only change if the hover over another option.

no js.

i have been looking, and maybe im missing something...can this be done without using js.

[swa66]

from my research, i have found that the :hover pseudo class does not work on DIV ID elements, is that still correct?

I don't think that's true except for IE6 and older that only support :hover on links.
Even in IE6 is can easily be fixed with some javascript (e.g. IE7.js does work around the "feature")

i dont want the box to dissapear once they hover away from the option

That rules out CSS alone

no js.

That would be the easiest way to add to the normal hover to keep it visible even after the user hovers away. You probably could build a solution with jsut CSS and enhance it with JS if available.

Flash would probably also be an option (but I doubt youd like it over javascript ...