Div fylder mere i Firefox og IE8 end i IE7

Denne side http://vinsiderne.dk/test7/artikel_4a_div.htm ser ud som jeg ønsker det i IE7, hvor den rødfarvede div .wrap_indhold har en højde, der ikke er større end indholdet (den højeste af de to spalter) tilsiger. Mens wrap_indhold i FF og IE8 fylder helt ned til footeren.

Jeg formoder at det er (den nødvendige)
<div class="clear"></div>
der laver baladen, fordi, hvis jeg indsætter et tegn (her "a") lige før nævnte div, så placerer det (i Firefox) sig lige under spalterne, eller rettere lige under højre spalte, mens hvis jeg placerer a-et lige efter omtalte div, så placerer det sig allernederst og under niveauet for venstre-menuen.

Hvordan får jeg det til at se ud som i IE7 også i de andre browsere?

For dem der ikke har IE7 er der skærmdump af det ønskede resultat her: http://vinsiderne.dk/test7/ie7.gif

Jeg prøver at gå fra tabel- til div-design, men vil i parantes nævne at det ønskede design er superlet at lave i tabeller...:
http://vinsiderne.dk/test7/artikel_4a_tabel.htm

/Preben