Mouseover not responding to first event.

Mouseover not responding to first event.

I have an image that I'd like to trigger a show/hide action on the mouseover event. However the mouseover (tried mouseenter too) doesn't get fired on the first mouse over. It does get fired on the second mouse over and works as intended from that point forward.

Has anyone seen this behavior before?

http://aharris-dev.globworld.com/?user_id=91#

Is the page I'm trying to work on. It's the unloaded image next to the text box. Any help with this would be appreciated.

  $('.header_status_avatar').live('mouseover',function() {
    console.log('mouseover div');
  });

  $('.header_status_avatar_link').live('mouseover',function() {
    console.log('mouseover link');
  });
  /**
   * Header menu mouseover
   */
  $('.header_status_avatar_link_image').live('mouseenter',function() {
    console.log('mousenter');
    $('.header_menu_container').show();
    $('.header_menu').show();
    $('.header_status').hide();
  });


Are the events I've tried.

Thanks