Lazyweb: Is there something funny about how IE7 does onMouseOver javascript on li elements with text?

Question

I'm an Ubuntu user, so I'm not knowledgeable of Internet Explorer. We have a javascript based drop down menu thingie using li's and ul's and all that. It works fine in FF and IE6. However not in IE7. It looks like IE7 doesn't call the onMouseOver function unless you go over the text in the middle, as opposed to the blank area between the text and the edge of the li element (which is what IE6 does). Any hints on this?

UPDATE 21st May 2009 - I'm not sure what's going on here, but I've solved my problem another way.

Answer 1

Try adding a display:block to the element so it "spreads" out to width of the parent instead of just the width of textNode of the element.

Answer 2

First off, you really should check out IES4Linux: http://www.tatanka.com.br/ies4linux/page/Main_Page

It makes web development on Linux significantly easier (although it's not a "true" IE; for that you'd need a virtual machine, Windows install, and all the hassle that entails ... but IEs4Linux is a very good approximation).

Secondly, you should really read: http://www.satzansatz.de/cssd/onhavinglayout.html

That page has a very nice explanation of IE layout issues, and how to get around them (display:block, as Jack suggested, is one approach, but it may create other issues for you, as that page explains).

Good luck.

Answer 3

Yes Even I experienced the same behaviour the onmouseover does not seem to be working in ie7