problema con div width: 100%

[nicolemissing]

Ciao ragazzi sono nuova, mi sono appena iscritta perchè ho un problema. Sono al lavoro e devo realizzare il sito per una ditta. Il problema consiste in questo.
Ho un div che ha larghezza 100%, dentro ci sono altri due div con rispettivamente float: left, float: left e float:right, abbiamo deciso questo per far si che a seconda delle varie risoluzione dello schermo il sito si adatti. Solo che quando rimpicciolisco molto la finestra e il secondo e terzo div si toccano finisce che vanno a capo, ed invece io vorrei che comparisse la barra di scorrimento quando questo avviene. Come posso fare?

#container {
width: 960px;
}

#header {     
width: 100%; 
} 

#logo {     
float: left;     
width: 326px;     
display: inline;     
margin-left: 30px; 
} 

#search {     
float: left;     
width: 265px;     
margin-left: 50px; 
}

#buttons {     
float: right; 
}

Vi ringrazio in anticipo!