set the height of a container to hold dynamically-sized widget

Question

Here's an example: http://la.truxmap.com/marker?id=thesweetstruck&t=1267058348000

The widget on the right usually overflows unless i set the height of the container to some fixed size like 1800px. What I want to do is have the div with the white background (container) always span AT LEAST until the bottom of the widget. I don't want to use overflow because I dont want anything hidden and i certainly dont want scroll bars.

Is there a css solution to this? I feel like ive tried most everything except writing a javascript solution, which i would like to avoid because im still very much an amateur with javascript. Thanks so much!

Edit:

I don't have any requirements as to how this can be done, id just like a solution. ive been trying to figure out this problem for over a week and its now driving me crazy.

Answer 1

Looks like you just need to clear your floats. After this div

<div id="truckLogo">...bunch of stuff...</div>

Add

<div style="clear:both;"></div>