CSS+jQuery

Есть слайдер галлерея

Есть небольшая проблема с CSS (не могу найти ошибку)

.slider {

float:left;

width:800px;

height:350px;

position:relative;

padding-bottom:26px;

background:url(../gfx/bottom_shadow.png) no-repeat bottom center;

}



.sliderContent {

float:left;

width:800px;

height:350px;

clear:both;

position:relative;

overflow:hidden;

}



.sliderArrows a {

display:block;

text-indent:-9999px;

outline:none;

z-index:50;

background-image:url(../gfx/prev_next.png);

width:42px;

height:42px;

position:absolute;

top:50%;

margin-top:-34px;

}



.prev {

background-position:0 0;

left:15px;

}



.prev:hover {

background-position:0 -44px;

}



.next {

right:15px;

background-position:-44px 0;

}



.next:hover {

background-position:-44px -44px;

}



.sliderContent .item {

position:absolute;

width:800px;

height:350px;

background:#fff;

}



.sliderBullets {

position:absolute;

bottom:0;

left:50%;

z-index:50;

margin-left:-45px;

}



.sliderBullets a {

display:block;

float:left;

text-indent:-9999px;

outline:none;

margin-left:5px;

width:10px;

height:11px;

background:url(../gfx/bullets.png) no-repeat;

}



.sliderBullets .active {

background-position:0 -11px;

}



.sliderContent a {

outline:none;

}



a {

color:#fff;

}



a img {

border:none;

}

Стрелочки смотрят в одну сторону.

В чем проблема? Как исправить?