#nav {
 width: 736px;
 height: 32px;
 background: url(../images/buttons/nav.jpg);
 margin: 0; padding: 0;
 position: relative;
}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#nav li, #nav a {height: 32px; display: block;}
#button1 {left: 22px; width: 56px;}
#button2 {left: 78px; width: 88px;}
#button3 {left: 166px; width: 72px;}
#button4 {left: 239px; width: 100px;}
#button5 {left: 339px; width: 97px;}
#button6 {left: 436px; width: 66px;}

#button1 a:hover {background: transparent url(../images/buttons/nav.jpg) -22px -32px no-repeat;}
#button2 a:hover {background: transparent url(../images/buttons/nav.jpg) -78px -32px no-repeat;}
#button3 a:hover {background: transparent url(../images/buttons/nav.jpg) -166px -32px no-repeat;}
#button4 a:hover {background: transparent url(../images/buttons/nav.jpg) -239px -32px no-repeat;}
#button5 a:hover {background: transparent url(../images/buttons/nav.jpg) -339px -32px no-repeat;}
#button6 a:hover {background: transparent url(../images/buttons/nav.jpg) -436px -32px no-repeat;}