.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: 380px;
    width: 96px;
    
}
.nav1 a:hover
{
    background: transparent url(images/site/nav.jpg) -380px -40px no-repeat;
}
.nav2
{
    left: 477px;
    width: 96px;
}
.nav2 a:hover
{
    background: transparent url(images/site/nav.jpg) -477px -40px no-repeat;
}
.nav3
{
    left: 574px;
    width: 96px;
}
.nav3 a:hover
{
    background: transparent url(images/site/nav.jpg) -574px -40px no-repeat;
}
.nav4
{
    left: 671px;
    width: 96px;
}
.nav4 a:hover
{
    background: transparent url(images/site/nav.jpg) -671px -40px no-repeat;
}
.nav5
{
    left: 768px;
    width: 96px;
}
.nav5 a:hover
{
    background: transparent url(images/site/nav.jpg) -768px -40px no-repeat;
}
.nav6
{
    left: 865px;
    width: 96px;
}
.nav6 a:hover
{
    background: transparent url(images/site/nav.jpg) -865px -40px no-repeat;
}