Lazyweb：IE7 如何在带有文本的 li 元素上执行 onMouseOver Javascript 有什么有趣的地方吗？

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 Firefox 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

尝试向元素添加 display:block ，使其“扩展”到父元素的宽度，而不仅仅是元素的 textNode 的宽度。

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.