Is there a way to add the previous and next image on top of another image? I'm struggling to make it work using my current CSS. Here is what I have:
#prev a {
background:url('../images/left.png');
width:30px;
height:102px;
position:absolute;
float: left;
margin: 0 0 0 40px;
}
#next a {
background:url('../images/right.png');
width:30px;
height:102px;
float: left;
margin: 0 0 0 70px;
}
#next a:hover {
background:url('../images/right_over.png');
}
#prev a:hover {
background:url('../images/left_over.png');
}