banner table margin problem

Hi, I’m new to HTML stuff. I have a problem. I try to make a banner using table (code below). The problem is that there are margins between the table and the page that I cannot remove (even by setting margin:0px). I wish that the image in the table fill completely the banner space and there is no white margin between the images and the surrounding page. Any helps will be appreciated.

Thanks for your answer.

Jeffry

<style type=”text/css”>
#middlebanner {
background: #ffffff url(./Heading-middle.jpg) repeat-x;
top: 0px;
}

#tableheader {
margin:0px;
left : 0px;
top : 0px;
right: 0px;
margin-bottom:0px;
}
</style>

<table id=”tableheader” border=”0″ cellspacing=”0″ cellpadding=”0″ width=”101.99%”>

<tr>
<td>
<img src=”./Heading-left.gif” border=”0″ >
</td>
<td id=”middlebanner” width=”100%”>
</td>
<td>
<img src=”./Heading-right.gif” border=”0″ >
</td>
</tr>
</table>

Also in #HTML _↴