Horisontal placering af div's.

Jeg håber der er nogen der kan hjælpe med dette CSS/HTML problem.

Jeg har et ønske om at placere X antal DIV's horisontalt ved siden af hinanden på en lang linje. Hvis deres samlet bredde overstiger bredden på den DIV(wrapper) de er placeret i vil jeg gerne have at der vil komme en horisontal scrollbar. Jeg har efter bedste evne forsøgt med nedenstående kode men når DIV'erne overstiger wrapper's bredde bliver de overskydende DIV's placeret under de andre. Hvordan kan jeg få dem til at placere sig horisontalt på samme "linje"?



#wrapper{
height: 300px;
width: 800px;
border: 1px solid #000;
overflow: auto;
white-space: nowrap;
}

.horizontal_div{
height: 280px;
width: 280px;
border: 1px solid #000;
float: left;
}

Lorem Ipsum is not simply random text.

Lorem Ipsum is not simply random text.

Lorem Ipsum is not simply random text.

Lorem Ipsum is not simply random text.

Jeg håber der er nogen der kan hjælpe med dette problem.

På forehånd tak.