#menu div{

	height:31px;

	width:60px;

	background-color:slategrey;

	border-radius:2px;

	float:left;

	font: 18px "Calibri";

	padding: 0px 8px 0px 8px;

	display: inline-block;

	text-align:center;

 

}

#menu div p { 

	margin-top:3px;

	color:white;

}

.active	{

	background-color:yellow;

}

 

 

$(document).ready(function(){

 

  $("#menu div").hover(

    function(){

    $(this).addClass("active");

    },

    function(){

      $(this).removeClass("active");  

    }

  );

});

 

 

#menu div active	{

	background-color:yellow;

}

 

 

$(document).ready(function(){ 

  $('#menu div').hover(

	function() {

		$(this).css('background-color', 'blue');},

	function() {

		$(this).css('background-color', '');

	});

});