% till olika fönster?

body{
background: url(bg.jpg) #000 repeat-y fixed 50% 60%;
....
width:100%;
}
#mitten{
margin-left:auto;
margin-right:auto;
position: relative;
width: 366px;
text-align: center;
background: transparent url(bg2.gif) repeat-y 49% 1% ;
}
#left{
background: #fff url(putt.jpg) no-repeat top;
position: absolute;
left:16%;
top:185px;
height:424px;
width:158px;
}
#hoger{
     position: absolute;
	left: 75%;
	top: 150px;
}

Dessa fyra fungerar aldeles perfekt ihop på en 1024-skärm, men så fort jag drar ihop fönstret eller i sär så vet inte #left vad % är för något. Den ser ut att ha intagit en fixed position. #hoger vet...Vad har jag glömt eller gjort för fel?
Ingen av divarna ligger innuti någon annan...

Löste problemet med att först centrera left med relative position och sedan flyttade jag tillbaka den med en class med pixelminusvärde . Det samma fick jag göra med mitten, flytta upp den igen med minusvärde.
Lite krånglig lösning, ... om man har mycket på sidan som måste flyttas efter positioneringsändring. Men, men... vill gärna lära mig detta med % och absolut positionering för "flytande?" layout.