I'm learning to code layouts in tables, i need a table to be next to another and wont expand when the first does.To make it more clearer, i have a nav and i need another table branching out to the right of it.I thourght i could do this bye adding the sliced images into the same table as the nv, but when the nav expands so does the other section and i dont want that.

Code:
<html>
<head><Title>Tables</title></head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="150">
<tr>
<td><img src="top-nav.PNG" hieght="2" width="150"></td>
</tr>
<tr>
<td background="middle-nav.PNG"><div align="center"><P>test</P></div></td>
</tr>
<tr>
<td><img src="bottom-nav.PNG" width="150"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="200">
<tr>
<td><img src="top-middle.PNG" hieght="2" width="200"></td>
</tr>
<tr>
<td background="middle-middle.PNG"><div align="center"><p>test</p></div></td>
</tr>
<tr>
<td><img src="bottom-middle.png"></td>
</tr>