Cita:
Iniciado por heinzy 
en lo de la los espacios pues solo estaba puesto en el img de las fotos pero bueno hacia referencia a clase imagen-inicio dentro de img en este caso daba igual si lo ponía junto o separado ya que no había clases entre medias..
No da igual. Realmente es un selector imposible, ya que seleccionas un elemento cuya clase sea
imagen-inicio4 y que esté contenido de un elemento
img, y las imágenes no pueden contenedor otros elementos. Entonces esos estilos no se aplican a nada.
Cita:
Iniciado por heinzy aun cambiando estos fallos ya no veo ninguno mas y sigue sin funcionar.. no será que un contenedor en position relative no afecta a los elementos de su alrededor y por eso se sobrepone el texto o cualquier div de alrededor??
El problema es que
div#cf no tiene ninguna posición relativa, y aún teniéndola, no afecta para nada a los elementos de alrededor. No obstante, el problema es que no está puesto bien en su lugar, ya que ocupa todo el ancho, y como las imágenes tienen una posición absoluta pues se quedan por encima. Entonces tendrás que indicar que ese contenedor mida lo que tenga que medir:
Código CSS:
Ver originaldiv#cf {
position: relative;
width: 50%;
}
No hace falta ni flotarlo porque ya tienes flotado
article hacia la derecha.
No obstante intenta corregir los demás fallos porque eso al final te va a acabar dando problemas y luego será culpa de los navegadores y andamos buscando
CSS hacks.