Problema con jQuery

[GidHarvey]

editado por problemas

[mayid]

Ahora lo vemos, pero en principio, esto no tiene por que ser modificado:

position: relative; /* important */

El tamaño no tiene que ver con la posicion. SI es que entendi bien, lo que mostras es lo que borrastes.

#s3slider {
width: 400px; /* important to be same as image width */
height: 300px; /* important to be same as image height */
position: relative; /* important */

Si para el script es importante saber cual es el tamaño de las fotos, declaro cambian el 400 y 300. Todas tus fotos son del mismo tamaño?

#s3slider {
width: 567px; /* important to be same as image width */
height: 232px /* important to be same as image height */
position: relative; /* important */

los show que muestra tanto left como los show right salen como 5px mas a la derecha como para el top de la pagina

Pero yo no veo problemas de diseño. Estas bien.