El contenedor div ignora la altura de los elementos flotados

Question

Ok, así que esto parece un problema muy tonto pero no puedo hacer que mi contenedor div herede la altura de los elementos flotados dentro de él. Como necesito centrar el contenedor div, no puedo usar float para solucionar este problema. Aquí está mi css:

#container { 
margin: 0 auto; 
width: 1000px; 
border-left: 1px solid #f1f1f1; 
border-right: 1px solid #f1f1f1; 
border-bottom: 1px solid #f1f1f1; 
} 

#focus { 
padding-left: 23px; 
width: 977px; 
padding-top: 20px; 
padding-bottom: 23px; 
border-bottom: 1px solid #f1f1f1; 
float: left; 
} 

.rslider { 
float: left; 
width: 600px; 
margin-left: 15px; 
} 

.welcome { 
float: left; 
width: 300px; 
} 

HTML:

<div id="container"> 
    <div id="logo_block"> 
    <a href="#"><img src="img/logo.jpg" alt="" /></a> 
    </div> 
    <div id="focus"> 
    <div class="welcome"> 
    <h1>All About This Page</h1> 
    <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, liquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p> 
    </div> 
    <div class="rslider"> 
    <img src="img/slider_image.jpg"> 
    </div> 
    </div> 
    </div> 

¿Alguna idea?

Answer 1

Está buscando el llamado clearfix.