Posizionamento DIV padre e figli

[jdipik]

Ciao,
continuo ancora a far esperimenti con i DIV, e non ne esco

Il problema di oggi è questo:
devo posizionare due DIV, figli, sovrapponendoli e centrandone uno, dentro un altro DIV, padre.

al padre do come posizione relative,
se ai due figli do come posizione absolute non riesco a centrare il secondo DIV orizzontalmente;

se invece ai figli do come posizione relative tecnicamente me li mette uno sotto l'altro, ma riesco a centrare il secondo.

In questo ultimo caso anche se il testo riesco a metterlo dove voglio, nonostante abbia impostato l'altezza in auto, comunque mi lascia sotto uno spazio vuoto.

#padre{
position: relative;
width: 100%;
height: 100%; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#figlio_1{
position: relative;
top: 0px;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#figlio_2{
position: absolute;
bottom: 20px;
width: 90%;
height: auto;
margin: 0px auto;
padding: 0px 0px 0px 0px;


codice HTML
<div id='padre'>
        <img id='figlio_1' src='immagine.jpg'/>
        <ul id='figlio_2'>
                <li>.....</li>
                <li>.....</li>
            </ul>
 </div>

Ho anche provato a mettere sia il tag img che il tag ul in due DIV contenitori ma il risultato non cambia.

[Prill]

se ai due figli do come posizione absolute non riesco a centrare il secondo DIV orizzontalmente;

il secondo div ha una larghezza del 90%, basterà impostare i margini destro e sinistro su 5%:

margin:0 5%

[jdipik]

il secondo div ha una larghezza del 90%, basterà impostare i margini destro e sinistro su 5%:

Alla fine ho risolto in un altro modo (che mi consente anche di ottenere altro).
Il problema è che da una settimana che lavoro sui i DIV e ancora mi sfugge "la visione globale"