Scrollbar bij een te brede tabel

[Schoolboy]

Hoi allemaal,

Op een site die ik aan het maken ben zitten regelmatig tabellen die te breed zijn voor de pagina (zie afbeelding). Hiervoor wil ik bij een te brede tabel een horizontale scrollbar.
Ik heb hiervoor al meerdere dingen geprobeerd oa overflow:auto of overflow:scroll in de table maar ook in een div er omheen.
Het wil maar niet werken. Weten jullie misschien hoe ik dit werkend krijg?

Groet,
Schoolboy

Afbeelding:


HTML-Code:

<div id='breed'>
<table>
<tr>
<th>Item 1</th>
<th>Item 2</th>
<th>Item 3</th>
<th>Item 4</th>
<th>Item 5</th>
<th>Item 6</th>
<th>Item 7</th>
<th>Item 8</th>
<th>Item 9</th>
<th>Item 10</th>
<th>Item 11</th>
<th>Item 12</th>
<th>Item 13</th>
<th>Item 14</th>
<th>Item 15</th>
<th>Item 16</th>
<th>Item 17</th>
<th>Item 18</th>
<th>Item 19</th>
<th>Item 20</th>
<th>Enzovoort</th>
</tr>
</table>
</div>

CSS-Code:

table,td,th {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 3px;
}

#breed {
	width: 760px;
	overflow: scroll;
}
/* Hier heb ik ook los table en tr geprobeerd. */

 

[Schoolboy]

Het is al gelukt

 

[awc]

Fijn om te lezen hoe je dat gedaan hebt?