Высота внешнего div не расширяется с внутренним div

У меня есть bodyMain div шириной 100%. Внутри него находится body div 800px с автоматическим полем (могу ли я использовать «body» в качестве идентификатора?). Внутри два divs bodyLeft и bodyRight шириной 200px и 600px соответственно. Когда я добавляю контент к внутренним divs ни bod yОсновное тело не увеличивается в высоту. Все высоты автоматические.

Вот код: http://jsfiddle.net/TqxHq/18/

HTML:

    

      

        
 left text goes here

        
        
Right text goes here
        
      
    

CSS:

#bodyMain{
    border:1px solid red;
    width:100%;
    height:auto;

}
#body{
    border:1px solid green;
    width:804px;
    height:auto;
    margin:auto;
}
#bodyLeft{
     border:1px solid blue;
    float:left;
    width:200PX;
    height:auto;
}
#bodyRight{
    border:1px solid orange;
    float:right;
    width:600PX;
    height:auto;
}