Hur gör man för att positionera en bild ovanpå ett annat lager utan att det från början tar upp någon plats?

Jag har en AJAX-loading animering som jag vill ska visas över det lager som besökaren uppdaterar men när jag visar animeringen så kommer den inte ovanpå utan det blir en ny extra rad högst upp i lagret.
(Använder javascript för att visa och dölja animeringen.)

Så här ser CSS:en ut för animeringen:

#kundvagn_change_loading {
float:left;
position:relative;
z-index:1;
left:450px;
top:10px;
display:none;
}

Så här ser HTML-koden ut:

<div id=kundvagn>
<div id=kundvagn_content>
<div id=kundvagn_kolumn>
<div id=kundvagn_tabort>Tabort</div>
<div id=kundvagn_antal>Antal</div>
...
</div>
<div id=kundvagn_change_loading><img id=loading_gif src=../images/ikoner/loading.gif></div>
...
</div>
</div>

Någon som vet vad jag gör för fel?

position: absolute borde det åtminstone vara...

Men då måste man väl positionera sig från skärmens övre vänstra hörn eller har jag missuppfattat det?
Kan inte göra det då sidan är centrerad och kommer att hamna olika beroende på besökarens upplösning.

EDIT: Så var det visst inte. Får testa så får vi se B)

La till postione:relative; på den yttre diven, då utgår position:absolute; från den yttre diven på alla divar inom den yttre.

Hoppas någon förstod vad jag skrev :-)

Jodå, det stämmer fint det du skriver. Absolut positionering sker utefter det "närmaste" containing block som är positionerat (eng. positioned) och ett block/element anses positionerat när det har något av värdena relative, absolute eller fixed.

framgår inte om du har z-index på övriga lager i designen.. de måste det ha iaf.

Har inte Z-index på de andra men det fungerar ändå. De kanske får 0 som default?

Yes, 0 är default.