Hallo,
neben der bereits vorgeschlagenen Faux Column Technik ist eine der einfachsten Varianten 'display: table-cell;' für die beiden Spaltencontainer.
Es braucht dafür dann noch nicht einmal irgendwelche Wrapper-Elemente mit 'display: table;" und/ oder 'display: table-row', da diese vom Browser als sog. anonymous Elemente selbst erzeugt werden.
Siehe: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display
Ein Manko dieser Variante ist, dass sie im IE erst ab Version 8 funktioniert.
BTW: Dein Quellcode ist ein typischer Fall von "Divitis" ... ;-)
Gruß Gunther