[wizzo]

Jag håller på med att experimentera och förstå mig på CSS. Just nu testar jag liquid FLOATS enligt denna tutorial:
http://www.maxdesign.com.au/presenta.../example13.htm
som förklaras föregående av denna text:
http://www.maxdesign.com.au/presentation/liquid/

Jag förstår i princip hur allt detta kommer till och så. Men hur får man rännor el. gutters att expandera enbart och låta vissa floats ha fixerad bredd?
Jag vet inte hur jag ska förklara bättre man ser problemet bäst när man kollar på 800x600 fönster och förstorar uppåt till valfri upplösning typ 1024x768. Jag försökte att ändra
width: 48% till width: 350px

#row2col1{
border-top: 1px solid red;
border-bottom: 1px solid red;
margin-top: 15px;
float: left;
margin-left: 3%;
width: 350px;
background-color: #ddd;
}

Men då expanderas bara gutter 4 den längst ut till höger istället för att fördela expanderingen på alla rännorna.
Kan ni hjälpa mig?
Original exempel: http://virtualseafarer.com/floats_08.html
Ändrat exempel: http://virtualseafarer.com/floats_09.html
Skifta webbläsaren mellan 800x600 och 1024x768 upplösning så förstår ni mitt problem!
Och observera speciellt den GRÅ raden!