Div Block not in proper position

[stevie4483]

I have a parent div inside of a table. When i insert a child div block it messes up the layout. You can see the difference in my dreamweaver and preview photo (attached).
HTML:
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="211" valign="top"><div class="left">
<div class="live">
<div class="title">Live Schedule </div>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="shows">
<div class="title">Shows</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

</div>
</div></td>
<td width="570"><div class="tv">
<div class="tvscreen">Content for class "tvscreen" Goes Here</div>
</div></td>
<td width="219" align="left" valign="top"><div class="right">
<div class="title">Comment Box</div>
<br />

<!-- end htmlcommentbox.com -->
</div></td>
</tr>
</table>

CSS
.tv {
background-image: url(images/tv.gif);
height: 478px;
width: 570px;
}
.tvscreen {
height: 313px;
width: 498px;
margin-top: 20px;
margin-left: 35px;
}

Any help is appreciated. Thanks.

 

[CaldwellYSR]

It's because you have it in a table... Tables break....

 

[Pheno]

Yes take it out of the table for starters