I have a tooltip script which uses the mousemove jquery function. Everything works fine expect for IE.
Take a look here: http://omarabid.com/deploy/
The rectangles are “li” elements. When you move the mouse over, a tag appear. In IE, the tag does appear, but only if you move the mouse over a empty region (in the right). When you move the move over the image, nothing happens which is turning me crazy.
Seems like when the pointer enter the image zone, the tag disappears with fadeout() which is like if the mouse quit the region (which is not true!!)
So where is the problem? Is this an IE bug?
The actual problem lies with the
background-color:transparenton the tag class (set a background-color instead and you will see that it works).use a 1×1 pixel transparent background image instead and you should be fine ..
explanation
remove the
background-color: transparentand in its place put abackground: url(/somepath/transparent.gif) top left repeat;this
transparent.gifshould have dimensions 1px x 1px and be transparent. ( here is a download link for one : http://www.imgag.com/product/full/ap/3021018/transparent.gif )