Hola Seppo, el problema del link que no te funciona es porque tu ".c3" esta debajo de tu ".c4", prueba usar este codigo:
Código:
span.c3 {width:24%; position:absolute; left:50%;}
span.c4 {width:24%; position:absolute; left:75%;}
fijate que he cambiado el "padding-left" por simplemente "left", al darle padding lo que haces es ampliar el espacio de la caja del "span", el padding es como un relleno, por lo cual la otra clase queda debajo, para que esto no pase deberias haber usado "margin", pero como estas usando posiciones absolutas puedes usar simplemente "left".
Espero te ayude