[CSS] geneste absoluut gepositioneerde divs

Ik heb twee divs met beiden position:absolute; zodat ze in het midden (van links-naar-rechts-midden) staan:

#content {
width : 1000px;
position : absolute;
left : 50%;
margin-left : -500px;
border : solid 1px fuchsia;
}

.footerpics {
position : absolute;
bottom : 80px;
width : 900px;
left : 50%;
margin-left : -450px;
text-align : center;
border : solid 1px fuchsia;
}

De div.footerpics staat IN de div#content. En dat is het probleem. De div.footerpics wordt niet absoluut gepositioneerd (in IE, FF is niet boeiend). Hij neemt namelijk de grenzen van div#content als uitersten, en niet het document (zoals ik zou verwachten!)...
De div.footerpics wordt dus niet 80px boven de document rand geplaatst, maar 80px boven de onderkant van div#content.

Dit is toch precies wat position:absolute; tegen zou moeten gaan??
Het hoeft alleen te werken in IE6+.

Dank

als je in #content position absolute weghaalt doet hij het volgens mij wel

Voorbeeldje:

http://www.jouwmoeder.nl/projects/css/position-relative.html

Ook een geweldig antwoord. Als dat zou kunnen was er geen probleem. Maar dat kan dus niet. #content is namelijk alle content! En de div.footerpics valt onder content, dus in de div#content.
Meer?