<div id="nav">

<ul>


<li id="home"><a href="#"></a></li>
<li id="about"><a href="#"></a></li>
<li id="contact"><a href="#"></a></li>
<li id="portfolio"><a href="#"></a></li>

</ul>


</div>

#nav {
height: 100px;
width: 440px;
margin-top: 50px;
margin-bottom: 10px;
background-color: #036;
left: 500px;
top: 25px;
margin-right: 100px;
}

#nav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#nav li {
display: inline;
float: left;
}

#nav a {
font-family: Arial, Helvetica, sans-serif;
line-height: 0px;
font-weight: bolder;
text-decoration: none;
background-image: url(felts_images/chocomenuuno.jpg);
background-repeat: repeat;
background-position: left -20px;
text-align: center;
display: block;
height: 100px;
width: 100px;
margin: 0px;
padding: 5px;
}

#home {
background-image: url(felts_images/chocomenuuno.jpg);
background-position: -180px;
}

#home a:hover {
background-image: url(felts_images/chocomenuuno.jpg);
background-position: 0px -180px;
background-repeat: no-repeat;
}

#about {
background-image: url(felts_images/chocomenuuno.jpg);
background-position: -180px;
}

#about a:hover {
background-image: url(felts_images/chocomenuuno.jpg);
background-repeat: no-repeat;
background-position: -115px -180px;
}

#contact {
background-image: url(felts_images/chocomenuuno.jpg);
background-position: -180px;
}

#contact a:hover {
background-image: url(felts_images/chocomenuuno.jpg);
background-repeat: no-repeat;
background-position: -225px -180px;
}

#portfolio {
background-image: url(felts_images/chocomenuuno.jpg);
background-position: -180px;
}

#portfolio a:hover {
background-image: url(felts_images/chocomenuuno.jpg);
background-position: -340px -180px;
}