Topic: CSS Menu Not Working in IE

Hello guys, sorry to try and take advantage of your previous generosity yet again...

Basically, I followed a tutorial for a CSS pop out menu, which can be found here: http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp

Now, her example works in IE, but mine doesn't. As far as I know I've got the same code as her except for formatting differences and obviously link locations. I've even gone to her csshover.htc and copied it in case it was different for some reason, but I just cannot get it working.

I'm in no rush to get this fixed, I have some menu solutions for IE (just means more inconvenience for them unfortunately) but it would be really helpful if anyone out there might have any idea what I've done wrong.

The code is live here at my website: http://reference-desk.net

Thanks guys!

-
- -
- - -
- -
-

The truth is just an excuse for a lack of imagination. -

Elim Garak, Star Trek : Deep Space Nine

I don't understand - it looks as though there is no second level to any of the menu items, thus nothing to 'pop out'....
I see no difference between IE(7) and Firefox

what is it that is not working?

I'm a bit confused myself. Did you forget the second level?

Also, you seem to have an HTML style comment (<!-- comment >) in your CSS. Don't know what effect that will have, but you'd probably be better off using the standard CSS commenting syntax.


___________________________
Suho: www.liminality.org | Cell 270 | Sig Rotator | the Fellowship of Sup

(Edited by Suho1004 on 04-02-2007 05:37)

Ahhh, crap! Sorry dudes, yeah, I changed the menu for the launch of the layout, I completely forgot about that... I will rectify this right now...

Edit: Done, I now have a pop out from "links"

Sorry again!

-
- -
- - -
- -
-

The truth is just an excuse for a lack of imagination. -

Elim Garak, Star Trek : Deep Space Nine

(Edited by Victoria Draken on 04-02-2007 09:00)

Menus that rely on CSS are harmful, as they won't work in UAs that don't support :hover on all elements,
or not at all, for obvious reasons. Also, :hover doesn't make sense in all UAs, for example speech based
browsers.

I'd advice you to find another solution.

HZR: Do you know the level of support of JS and CSS of speech based browsers ? any link to such browser btw ?

CSS based navigation shouldn't be that harmful if by default the sub levels are displayed, and a className is changed on the main UL onload to enable the :hover visibility toggle. Also it's good to add some JS event magic to make the hover work in IE6- and the likes.

poi: no, I don't really keep track of such browsers, so I'm unsure about what they support, sorry.

And, yea, this could be much more accessible by making the changes you suggested, poi. I was
referring to menus based solely on CSS. Sorry if this wasn't clear.

Ok. Don't worry that was clear.
I'll ask some of the accebility nazis at work to see if they can point me to a, some, speech based browser(s).

poi, you can start by checking out JAWS, which is probably the most well-known speech based browser. I have no idea about the level of support for CSS and stuff.

Oh, and sorry for the thread hijacking

That's okay I don't think anyone's ever going to have an answer for me anyway

-
- -
- - -
- -
-

The truth is just an excuse for a lack of imagination. -

Elim Garak, Star Trek : Deep Space Nine