problems using jquery Hover event
Hello
I am having problems with the jquery hover event. I have an absolutely positioned div with a child div inside it. while mousing over the div the handlerIn and handler out functions keep firing while moving the mouse through the div. Here is the html and css for the div in question....
<div style="top: 246px; left: 387px; width: 58px;" class="booking offlineBooking">
<div class="label">giigs, ryan</div>
</div>
.booking.offlineBooking {
background
:
url("../images/booking_bg_blue.gif") repeat-x scroll 0 0 transparent
;
}
.booking {
height
:
30px
;
position
:
absolute
;
white-space
:
nowrap
;
z-index
:
5
;
}
.booking .label {
color
:
#FFFFFF
;
overflow
:
hidden
;
padding
:
8px 0 0 5px
;
text-align
:
left
;
vertical-align
:
middle
;
}
Any ideas why the in/out events keep getting fired while moving the mouse through?
thanks