2 divs bündig abschließen

Hallo,
ich bin gerade dabei etwas auszuprobieren, jedoch habe ich nun ein problem. Ich habe 2 divs nebeneinander, doch jetzt möchte ich das die beiden divs unten bündig abschließen, egal ob auf der einen seite mehr inhalt ist als auf der anderen. Aber irgendwie bekomme ich es nicht ganz hin.
hier mal mein HTML Code:

Zitat

<div style="width: 98%; overflow:hidden; margin:5px auto 0px auto; border: 1px solid;">
<div id="main">
<div id="content">

inhalt 1</p></div>
<div id="right">

inhalt2</p></div>
</div>
</div>

CSS:

Zitat

#main {
width: 100%;
background-color: #FFFFFF;
}

#content {
width: 80%;
float: left;
background-color: #FFFFFF;
}

#right {
width: 20%;
float: left;
background-color: #FFFFFF;
height: 100%;
}

Alles anzeigen

Um das Problem mal zu zeiegn: http://sr-web.de/p1.html
Im IE wird es richtig angezeigt, jedoch in FF und Opera nicht.

Danke schonmal für eure hilfe

mfg

Danke für die antworten
Mit dem Clear both habe ich selber bei einen anderen Projekt schon angewendet, jedoch ist es mir in diesen Fall nicht eingefallen.

<br style="clear:both"/>

scheint mir auch einfacher als das faux columns.
Danke an euch beiden

mfg