Div плавает в другом Div

Вы можете использовать display:inline-block (и удалить float) в элементах .section и сделать контейнер .middle равным white-space:nowrap

<div id="middle" style="width:600px">
        <div id="section1" class="section"></div><div id="section2" class="section"></div><div id="section3" class="section"></div>   
</div>

#middle{
    display:block;
    width:639px;
    height:600px;
    overflow:hidden;
    white-space:nowrap;
    }
.section{
    width:639px;
    height:600px;
    background:#333;
    display:inline-block;
    }

(обратите внимание, что я .section пробел между каждым элементом .section чтобы избежать пробела между ними.)