HTML CSS MENU

<style>

nav {
    position: absolute;
    left: 0;
    width: 100%;
    background-color:#938e82;

}
nav ul {
    margin: 0 auto;
    width: 940px;
    list-style: none;
}
nav ul li {
    float: left;
border-right: 1px solid #fff;
/*border-left: 1px solid #fff;*/
}

    nav ul li a {
        display: block;
        margin-right: 20px;
        font-size: 18px;
padding:20px 30px;
        line-height: 60px;
        text-align: center;
   text-transform: uppercase;
        text-decoration: none;
        color: #fff;
    }

        nav ul li:hover {
            background-color: #C2C1BE;
        }
   nav ul li.subscribe a {
               width: 100px;
               height: 60px;
               padding-right: 0px;
  margin-left: 17px;
               padding-left: 0px;
               text-align: left;
              background: url("images/home.png") left center no-repeat;
        }
</style>
<nav>
    <ul>
        <li class="subscribe"><a href="#"></a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Archives</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">Subscribe</a></li>
    </ul>
</nav>