Background postioning doesn't seem to work

HTML & CSS
1

Hey

I’m trying to use nivo slider.
I want the next/back buttons to be placed correctly.
It uses one .png file with background positioning.
But it doesn’t seem to work.

I uploaded it here:
http://web.zone.ee/mass/

The CSS what controls it is in nivo-slider.css.

You can see that both arrows point to same direction.
How can I make it so that they don’t?
Also, how could I use noscript tag so I could display a picture instead of the slider, for browsers with javascript disabled?


.nivo-directionNav a {
background:url(../img/arrows.png) no-repeat;
position:absolute;
top:85%;
z-index:99;
cursor:pointer;
width:31px;
height:34px;
text-indent:9000px;
display:block;
}
.nivo-prevNav {
left:30px;
background-position:-32px 0;
}
.nivo-nextNav {
right:30px;
}
2

Ah yes, Thank you for the quick reply and solution.

3

Hi, It looks like you can fix them by placing more specificity on those “a” classes.

 
[COLOR=Blue][B]a[/B][/COLOR].nivo-prevNav {
background-position:0 0; 
left:30px; 
} 
[COLOR=Blue][B]a[/B][/COLOR].nivo-nextNav { 
background-position:-32px 0; 
right:30px; 
}