[HTML/CSS] Divs buendig ausrichten?

[alcaeus]

Hallo ihr,

ich schraube wieder mal an meiner Website, und stelle dabei einzelne Dinge auf divs um; einfach um die Codemenge etwas (= viel) zu reduzieren.

Dabei habe ich folgenden Code:

Code:

<div class="maintitle">[url="{U_VIEW_CAT}"]{CAT_TITLE}[/url]

</div>
<div class="nav" style="float:left;clear:right;border:1px solid red;">[url="{U_ALBUM}"]{L_ALBUM_INDEX}[/url]{S_CAT_HIST}</div>

<div style="float:right;border:1px solid green;">[url="{U_UPLOAD_PIC}"][img]{IMG_upload_pic}[/img][/url]</div>
<br style="clear:both;">

<table ...>
.....

Ich haette nun gerne, dass die beiden divs welche floaten (diese mit dem roten bzw. gruenen Rahmen) unten buendig an der Tabelle ausgerichtet werden; allerdings ist dies nicht der Fall; die sind gar nicht miteinander ausgerichtet.

Kann mir jemand weiterhelfen?

Greetz
alcaeus