Reseta css

h2{
	Padding: 1.5%;
}
ul{
	List-style:none;
	Margin:0;
	Padding:0;
}
li{
	Float:left;
	Width: 19%;
	Margin: 0.5%;
	Padding:0;
	Text-align:center;
	Font-size: 35px;
}
li a{
	Display:block;
	Padding: 15px 10px;
	margin-bottom: 3.5%;
	Height:70px;
	Width: 90%;
	Color:#FFF;
	Text-decoration:none;
	Border:1px solid #000;
	Border-radius: 2px;
}
#c a{
	Background:url(../IMG/bg3.jpg) repeat 0 0;
}

<ul id="c">
            	<li><a href="#">Namn</a></li>
                <li><a href="#">Namn</a></li>
                <li><a href="#">Namn</a></li>
                <li><a href="#">Namn</a></li>
                <li><a href="#">Namn</a></li>
            </ul>

<script type="text/javascript">
			$(function(){
			 $('#c a')
				.css( {backgroundPosition: "0 0"} )
				.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -250px)"}, {duration:300})
			})
				.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:300})
			})
		});
		</script>