.nav
{
    background: Black url(images/site/nav.jpg) no-repeat;
    height: 40px;
    width: 960px;
    padding: 0;
    margin: 0;
    position: relative;
    float: left; /* This is the solution for the space between header and nav */
}

.nav li
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}
.nav li, .nav a
{
    height: 35px;
    display: block;
    
     
}
.nav a span
{
    display: none;
}
.nav1
{
    left: 330px;
    width: 97px;
}
.nav1 a:hover
{
    background: transparent url(images/site/nav.jpg) -330px -40px no-repeat;
}
.nav2
{
    left: 435px;
    width: 97px;
}
.nav2 a:hover
{
    background: transparent url(images/site/nav.jpg) -435px -40px no-repeat;
}
.nav3
{
    left: 541px;
    width: 97px;
}
.nav3 a:hover
{
    background: transparent url(images/site/nav.jpg) -541px -40px no-repeat;
}
.nav4
{
    left: 646px;
    width: 97px;
}
.nav4 a:hover
{
    background: transparent url(images/site/nav.jpg) -646px -40px no-repeat;
}
.nav5
{
    left: 752px;
    width: 97px;  
}
.nav5 a:hover
{
    background: transparent url(images/site/nav.jpg) -752px -40px no-repeat;
}
.nav6
{
    left: 857px;
    width: 97px;    
}
.nav6 a:hover
{
    background: transparent url(images/site/nav.jpg) -857px -40px no-repeat;
}