Billeder i lag med position: relative - optager udnødvendig plads

Jeg har et billeder der ligger over et andet med følgende kode:

<div style="z-index: 1; position: relative; left: 0px; top: 0px;"><img src="bil1.jpg" width="200" height="133" border="0"></div>
<div style="z-index: 2; position: relative; left: 0px; top: -133px;"><img src="front.png"></div>

Problemet er så bare at det øverste billeder først er indsat, og så flyttet, hvorved det efterlader et tomt område på billedets størrelse. Er der en lille finesse til at komme omkring det problem, så man slipper for et tomt "hul" midt på siden.

ps. Ved godt stylen bør stå i en CSS-fil, skal bare have det til at virke først.