Empty div hover event not firing in IE
None of comments and filters stuff works for me. The div is never rendered, so no hover possible.
Ultimate solution:
.aDiv {
background: transparent url(../images/transparent.gif) repeat;
}
With a one pixel transparent gif image. Sure it works !
I know that the question has been answered but I encountered the same problem. The empty div wouldn't fire the function. And if it had a border only the border itself would start the function. I tried lots of stuff, nothing helped. Here is my solution, it's pretty much the same only thing is that I didn't use an image. Add this to your CSS:
div { /* write the element's name, class or id here */ background: #FFF; /* you can choose any colour you like, 1.0-fully visible */ opacity:0.0; /* opacity setting for all browsers except IE */ filter: alpha(opacity = 0); /* opacity setting for IE, 0-transparent & 100-fully visible */ }
it will work if you set a background-color or a border ...
if you could match either of these with the existing look then you would be ok..
(a background-image seems like the most unobtrusive solution)