Правильное отображение навигации через CSS

.pages { overflow: hidden; float: left; width: 600px; }

.pages a { height: 26px; padding: 0 6px 0 0; margin: 0 5px 0 0; background: url(../images/btn-show-all-right-bg.png) right 0 no-repeat; color: #76452f; float: left; height: 34px; font-size: 14px; font-weight: bold; text-decoration: none; }

.pages a span { background: url(../images/btn-show-all-left-bg.png) top left no-repeat; display: block; height: 26px; text-align: center; padding: 8px 8px 0 15px; }

.pages a:hover { color: #a65600; background: url(../images/btn-show-all-right-bg.png) right -34px no-repeat; }

.pages a:hover span { background: url(../images/btn-show-all-left-bg.png) left -34px no-repeat; }

.pages .active { background: url(../images/btn-show-all-right-bg.png) right -68px no-repeat; }

.pages .active:hover { background: url(../images/btn-show-all-right-bg.png) right -68px no-repeat; }

.pages .active span { color: #fff; background: url(../images/btn-show-all-left-bg.png) left -68px no-repeat; }

.pages .active:hover span { color: #fff; background: url(../images/btn-show-all-left-bg.png) left -68px no-repeat; }

.pages .previous span, .pages .next span { padding: 8px 11px 0 18px; }

.pages table { margin: 0 auto; }

.pages td { padding: 0 0 0 5px; }

.basenavi {
font-size: 1.15em;
height: 29px;
}

.bnnavi {
margin-right: 5px;
padding-left: 5px;
height: 29px;
background: #f1f5f7 url("../images/basenavi.png") no-repeat;
}

.navigation {
margin-top: 5px;
}

.navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide {
float: left;
}

.navigation a, .navigation span {
font-weight: bold;
padding: 0 4px;
height: 19px;
line-height: 19px;
}

.navigation a, .navigation span.nav_ext {
color: #3f4b51;
}

.navigation a:hover {
background-color: #398dd8;
color: #fff;
}

.navigation span {
color: #398dd8;
}

.nextprev .thide, .toptop {
width: 26px;
padding-top: 29px;
background: url("../images/basenavi.png") no-repeat;
}

.nextprev a span {
cursor: pointer;
}

.nextprev span .pnext {
background-position: -26px -29px;
}

.nextprev a .pnext {
background-position: -26px -87px;
}

.nextprev a:hover .pnext {
background-position: -26px -58px;
}

.nextprev span .pprev {
background-position: 0 -29px;
}

.nextprev a .pprev {
background-position: 0 -87px;
}

.nextprev a:hover .pprev {
background-position: 0 -58px;
}