А почему тогда не работает так?
.nav {
position: absolute;
display: block;
background-color: #BABABA;
top: 70%;
height: 60px;
width: 20px;
border: 1px solid #333333;
padding-top: 32px;
}
#prev {
left: 34%;
background:url('prev.png') no-repeat 0 33px;
}
#prev:hover{
background:url('prev2.png') no-repeat 0 33px;
}
#next {
left: 96%;
background:url('next.png') no-repeat 0 33px;
}
#next:hover{
background:url('next2.png') no-repeat 0 33px;
}