samme height på divs

Hej eksperter,

sidder med et lille irriterende problem.
Jeg skal ha' højden på min submenu div til at følge maincontent. Altså når der kommer meget indhold på maincontent så udvider submenu sig også i højden.

Hvorledes er det nu jeg gør det?

--------------------------------------
<div id="container">
 
      <div id="headerLogo"><img src="fileadmin/gfx/logo.jpg" width="266" height="84" alt="" border="0" /></div>
 
    <div id="nav">
        <ul class="navigation">
            <!-- ###TOPMENU### begin --> <!-- ###TOPMENU### end -->
        </ul>
      </div>
   
    <div class="topBar"></div>
   
    <div id="main" class="floatclear">
       
        <div class="mainContent">

            <div class="content"><!-- ###CONTENT### begin --> <!-- ###CONTENT### end --></div>
           
        </div>

        <div class="subMenu">
                <!-- ###LEFTMENU### begin --> <!-- ###LEFTMENU### end -->
        </div>
       

    </div>

    <div class="topBar">&nbsp;</div> 
   
</div>

------------------------------------------