il div della seconda tabella non lo chiudi, quello con height 116%.

Per aiutarti (visto che il tuo codice è abbastanza incasinato), questo è il codice html (funzionante) essenziale per mettere due tabelle su due colonne affiancate, andare correttamente a capo, ecc.
codice:
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>due colonne</title>
<style type="text/css">
	div#outer {	
		width:960px; /*larghezza fissa*/
	}	
	/*la somma delle due percentuali è 100%, non potrai aggiungere margin, border o padding a questi due div a meno che non gli riservi sufficientemente spazio */
	div#col1
		float:left;
		width:30%;
	}
	div#col2 {
		float:right; /*ma può anche essere left*/
		width:70%;
	}
	div#bottoni {}
	
	div.clear {
		clear:both;
	}
</style>
</head>
<body>
<div id="outer">
	<h2>Blabla bla</h2>
	<div class="clear"></div>
	<div id="col1">
		<table>
			<thead>
				<tr>
					<th>ProvA</th>
					<th>ProvA</th>
				</tr>
			</thead>
		</table>
	</div>
	<div id="col2">
		<table>
			<thead>
				<tr>
					<th>ProvA</th>
					<th>ProvA</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>eee</td>
					<td>eee</td>
				</tr>
				<tr>
					<td>fff</td>
					<td>eefffe</td>
				</tr>

			</tbody>

		</table>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="bottoni">
		<input type="button" value="Butt 1" />
		<input type="button" value="Butt 1" />
		<input type="button" value="Butt 1" />
	</div>
</div>
</body>