"overflow: hidden" me da problemas en Opera

[sanxuan]

Puede ser mejor idea usar posiciones absolutas para las flechas y posición relativa para slide. De esa manera las flechas aparecerán donde les digas.

Código CSS:

#slide{
    padding: 40px 30px 0;
    color: #fff;
    width: 900px;
    position:relative;
    }
 
.slide-left{
    top:50px;
    left:0;
    position:absolute;
}
.slide-right{
    top:50px;
    right:0;
    position:absolute;
}
 

Usa la posiciones absolutas en los enlaces en lugar de en las imágenes y ajusta la posición según te convenga..

Código HTML:

<div id="slide">
    <a class="prev slide-left" href="#"><img alt="imagen anterior" src="http://localhost/sitio.com/images/slide-left.png"/></a>
    <div class="items">
        <!-- Texto con imagen -->
    </div><!-- .items -->
    <a class="next slide-right" href="#"><img class="" alt="imagen siguiente" src="http://localhost/sitio.com/images/slide-right.png"/></a>
</div><!-- #slide -->