$(document).ready(function () {

  $('ul.sf-menu > li').each(function() {
    var li = $(this);
    var link = li.children('a');
    li.prepend('<span></span>');
    li.children('span').css({
      'width': link.outerWidth() + 'px', 'height': '49px'
    });
  });

  $('ul.sf-menu > li a').mouseenter(function() {
    var link = $(this);
    link.next().css('background', 'transparent');
    link.prev().fadeIn();
    link.unbind();
    link.mouseenter(function() {
      link.prev().fadeIn();
    }).mouseleave(function() {
      link.prev().fadeOut();
    });
  });

});