hello EE, the problem here that you have positioned the background 24px from the top, so the button though looks till the image ends, but the actual div container which reads the mouseenter and mouseleave ends at the middle of the button image itself.
as deltaf said, install the firebug add-on in firefox and then play around with you html/css and you can make out the reason. ~nitin On Jul 23, 9:40 pm, eelziere <eelzi...@hotmail.com> wrote: > Hi All, > > I am very new to jquery. > > Here is a small page I made to get familiar with it: > > http://www.compu-zen.com/tests/jquery.popup_test.htm > > Could anybody explain me the following: when mouse cursor is located > above the middle of the height of the button image, javascript is > looping while sending mouseenter and mouseleave events. When the mouse > cursor is below the middle of the height of the button image, it does > not happen! > > Any idea? > > Thanks for your help. > > Cheers, > EE.