@sanxuan no lo hice usando tu código, pues lo probé y no me resultó, pero a partir de lo que me diste pude solucionar el asunto, lo resolví metiendo los controles dentro de una caja:
Código HTML:
Ver original <div id="slide-controls"> <a class="prev" href="#"><img class="slide-left" alt="featured title" src="http://localhost/sitio.com/images/slide-left.png"/></a> <a class="next" href="#"><img class="slide-right" alt="featured title" src="http://localhost/sitio.com/images/slide-right.png"/></a> <!-- texto e imagenes -->
Código CSS:
Ver original#slide{
padding: 40px 30px 0;
color: #fff;
width: 900px;
position: relative;
}
#slide-controls{
top: 50px;
width: 900px;
float: left;
position: relative;
}
.prev{
float: left;
position: absolute;
}
.next{
float: right;
left: 840px;
position: absolute;
}
.items{
width: 536px;
float: left;
left: 180px;
position: relative;
}
Gracias por tu ayuda, en realidad me ha servido para aclararme algunas cosas... Un saludo