CSS - divy obok siebie na stałe

Witam wszystkich,

przeglądnąłem dużo podobnych tematów, ale nie znalazłem odpowiedzi. Mam taki kod:

<div style="height: 400px;">
<div style="float: left; background: #000; width: 600px; height: 400px; "></div>
<div style="float: right; background: #222; width: 600px; height: 400px; "></div>
</div> 

Potrzebuję, aby po zmniejszeniu okna przeglądarki, divy dalej znajdowały się obok siebie powodując pojawienie się paska przewijania w przeglądarce. Obecnie po zmniejszeniu okna przeglądarki drugi div przeskakuje pod pierwszy.

Proszę o pomoc.

Nie masz ustawionej szerokości pierwszego diva, masz tylko wysokość.