Horizontally scrolling div

[eluser]richzilla[/eluser]
Hi all, im attempting to make a div scroll horizontally on the page, depending on the amount of content it contains. As far as i can tell, this should work:

Code:

.house-view .content
{
    float: left;
    margin-left: 20px;
    width: 615px;
    overflow-x: scroll;
}

the divs inside the scrolling div are styled like this:

Code:

.house-view .content .house
{
    float: left;
    margin-right: 5px;
    width: 55px;
}

But the .content div never scrolls. When it is full, all of the .house divs just break onto a new line. Can anyone tell me where im going wrong?

Thanks