Странная проблема с полями в IE6

HTML:

    

        

            This is the up div
        
        

            
This is the down div
        
    
   

CSS:

#outter{
    height: 400px;
    background: white;
    border: 1px solid #bfd2e1;
}
#left{
    float: left;
    margin-right: 0;
    padding: 0;
}
#up{
    width: 355px;
    height: 50px;
    border: 1px solid #ffe59f;
    padding: 12px;
    line-height: 16pt;
    margin: 15px 0 0 15px;
}
#down{
    float: left;
    margin: 15px 0 0 15px;
    width: 381px;
}
#down h3{
    border: 1px solid #bfd2e1;
    background-color: #edf6fe;
    padding: 10px;
}

Проблема в том, что в Chrome / Firefox страница выглядит так:

, а в IE6:

Как вы можете видеть, что есть проблема с полем для #down .
Fiddle: http://jsfiddle.net/wong2/dTEcs/1/
Как такое могло произойти?