Contenitore non si espande coi contenuti (non e' il clear!)

[eee]

Ciao a tutti,

ho un div contenitore che si chiama #content_wrap che ha all'interno un menu flottato a sinistra #sx e uno a destra #right_bg.

Il #content_wrap ha uno sfondo bianco ma... ahime' lo sfondo bianco non si vede! Se gli do' un altezza fissa allora si' che si vede ma l'altezza voglio che sia dipendente dal div piu' lungo (in questo caso #right_bg). Leggendo sul forum ho letto che di solito il problema e' il clear. Cosi' sotto il #content_wrap ho messo un div clear: both;

Ma non funziona!!

La pagina la potete veder QUI

Questo e' il CSS:

#content_wrap {
    background-color: #ffffff;
    display: block;
    overflow: visible;
}

#clear {
    clear: both;
}

#sx {
        float:left;
        padding: 107px 13px 0 13px;
        width:171px;
        
        }
        

        
#right_bg {
        background-image: url(img/separe_gallery.jpg);
        background-repeat:no-repeat;
        width: 672px;
        min-height: 390px;
        float: right;
        padding: 28px 13px 15px 25px;
        background-position: 0px 107px;
} 

E questo e' l'html:

  <div id="content_wrap">
    
    <div id="sx">
      <div id="sx_lines"></div>
      

Click on blue tabs on the right to see the images related to each section.</p>
    </div>
    
    
    <div id="right_bg"> <span class="bread">[url="index.html"]Home[/url] <span class="bread_arrow">&gt;</span> Gallery</span>
      <h1>Gallery</h1>
      
    </div>
    
    
    <div id="footer_wrapper">
      
      <div id="footer"> [url="index.html"]Home[/url] l [url="about_us.html"]About Us[/url] l [url="services.html"]Services[/url] l [url="gallery.html"]Gallery[/url] l [url="fees.html"]Fees[/url] l [url="sitemap.html"]Sitemap[/url] l [url="contact_us.html"]Contact Us[/url] [url="http://www.thiscantbereal.net/"][img]img/logo_mio.gif[/img][/url] </div>
      
    </div>
    
  </div>
  
  <div id="clear"></div> 

Come posso risolvere?