zarovnání divů

Ahoj, nevíte někdo jak na téhle stránce: http://sweb.cz/Huee-Huee/abc.htm, kód vypadá takhle:

<body style="margin: 0; padding: 0;">
<div style="width: 100%;">
<div style="background-color: green; float: left; width: 118px; height: 385px;">
</div>
<div style="background-color: red;">
hh<br />...
</div>
</div>

docílit aby se mi ten červený div neroztahoval pod ten zelený a zůstal stoprocentně roztažený? dik
Máš na té ukázce tolik tagů <br>, že to prostě musí jít pod ten zelený. Takže buď ubrat <br> anebo zadat také výšku height ve style. Ještě je možnost to řešit jinak - NE pomocí div a float: left. Možností, jak docílit stejného vzhledu je několik. Mj. tabulka.
nastavit cervenymu levy margin podle sirky zelenyho divu
zkus se podivat tady: http://css.e-sign.cz/layouty/dvou-sloupcovy-layout-s-pevnou-sirkou
ad Josef: <br> tam nahrazujou text. Nastavit výšku se mi nezdá jako dobrý řešení protože by se musela nastavit ke každé stránce zvlášť. Jasně, mj. toho můžů docílit i rámcama :]

Tonik: přesně tohle potřebuju, moc díky!
dej si css do ext. souboru