Overflow em várias tabelas

Boa noite,

Estou com uma dúvida,

Tenho 6 tabelas, uma do lado da outra, usando CSS. Porém quando muda a resolução, as tabelas mudam e ficam abaixo da outra, o que pensei foi em criar um overflow assim criaria uma barra de rolagem ao invés de mudar a posição das tabelas.

<div id="hora">
<div id="1">
<table width="175"border="1">
<tr>
 <td>TB1</td>
</tr>
 <tr> </tr>
</table>
</div>

<div id="2">
<table width="175"border="1">
<tr>
 <td>TB2</td>
</tr>
 <tr> </tr>
</table>
</div>

<div id="3">
<table width="175"border="1">
<tr>
 <td>TB3</td>
</tr>
 <tr> </tr>
</table>
</div>
<div id="4">
<table width="175"border="1">
<tr>
 <td>TB4</td>
</tr>
 <tr> </tr>
</table>
</div>

<div id="5">
<table width="175"border="1">
<tr>
 <td>TB5</td>
</tr>
 <tr> </tr>
</table>
</div>
<div id="6">
 <table width="175"border="1">
 <tr>
 <td>TB6</td>
 </tr>
 </table>
</div>

CSS:

#1 {
 float:left;
}
#2 {
 float:left;
}
#3 {
 float:left;

}
#4 {
 float: left;
}
#5 {
}
#6 {
 float: left;

}