Hola después de tres días comiéndome el coco..
Lo he conseguido!!!
la solución era usando cajas flexibles. usando la función display: -webkit-flex
luego a cada foto poniéndola en relative no en absolute! y juntandolas con porcentajes negativos..
ufff me a costado pero lo he conseguido
os paso el código por si a alguien lo encuentra útil.
Código CSS:
Ver original#cf img.imagen-inicio {
position: relative;
}
#cf img.imagen-inicio2 {
position: relative;
left: -25%;
}
#cf img.imagen-inicio3 {
position: relative;
left: -50%;
}
#cf img.imagen-inicio4 {
position: relative;
left: -75%;
}
div#cf {
min-width: 350%;
display: -webkit-flex;
}
.interior-derecho-inicio {
clear: both;
width: 100%;
}
saludos y gracias pzin por la ayuda.