Ahora lo vemos, pero en principio, esto no tiene por que ser modificado:
Cita: 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.
Cita: #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?
Cita: #s3slider {
width: 567px; /* important to be same as image width */
height: 232px /* important to be same as image height */
position: relative; /* important */
Cita: 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.