Ciao,

concordo con KillerWorm, ti faccio solo una piccola osservazione, il tuo CSS:

codice HTML:
.container{padding: 30px;
 border: 2px solid #55718C; border-radius: 0; max-width: 888px}
#padre {position: relative}
#figlio {position: absolute;
top: 0%}
Andrebbe scritto con le appropriate chiusure sempre, è vero che non è obbligatorio, ma non tutti i browser, soprattutto i piu' datati, digeriscono il codice comunque in ogni caso:

codice HTML:
.container{padding: 30px; border: 2px solid #55718C; border-radius: 0; max-width: 888px;}
#padre {position: relative;}
#figlio {position: absolute; top: 0;}
P.s: su che browser noti questo malfunzionamento?