Разная высота блоков при одинаковом height - Вопросы по CSS

<style type="text/css">

table {
padding: 0px;
margin: 0px;
}

th {
width: 200px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid #000000;
}

div {
width: 200px;
height: 50px;
border: 1px solid #000000;
float: right;
position: relative;
top: -50px;
}

</style>

<table cellpadding="0" cellspacing="0">
	<tr>
		<th>.</th>
	</tr>
</table>
<div></div>