$(document).ready(function () {
    $('#menu ul li a').each(function(index, elem){
        $(elem).css({color: '#311'});
        $(elem).append('<span>' + $(elem).html() + '</span>');
        $(elem).hover(
            function(){
                $(this).css({color:'#fff'});
                $(this).children().css({display: 'none'});
            },
            function(){
                $(this).css({color:'#311'});
                $(this).children().css({display: 'block'});
            }
        );
    });
    $('#menu ul li a span').css({position: 'absolute',display:'block', width: '100%',textIndent:'20px', top:'-1px',left:'0px', color: '#fff'});
});