Can't Get Header to Line Up with Body

[wacnstac]

I think there must be a more straight forward way....

This is really frustrating. I can't see why my header as coded:

<!-- logo -->
<a name="top"></a>


        <table width="$stylevar[outertablewidth]" height="300" border="0" cellpadding="0" cellspacing="0">
 
	<tr>
		<td>
			<img src="http://www.michigan-sportsman.com/images/fall_slice1.jpg" alt="" width="400" height="301" border="0" usemap="#Header_Map">
                        <map name="Header_Map">
                          <area shape="rect" alt="MI Weather" coords="62,195,209,220" href="http://www.michigan-sportsman.com/weather.htm">
                          <area shape="rect" alt="MS.com Stuff" coords="63,173,190,194" href="http://www.michigan-sportsman.com/apparel.htm">
                          <area shape="rect" alt="Hunting Articles" coords="63,154,205,172" href="http://www.michigan-sportsman.com/hunting_articles/hunting_library.htm">
                          <area shape="rect" alt="Fly Patterns" coords="64,131,183,151" href="http://www.michigan-sportsman.com/fly_pictures/bettymcnault.htm">
                          <area shape="rect" alt="Fishing Articles" coords="63,108,203,128" href="http://www.michigan-sportsman.com/fishing_articles/fish_library.htm">
                          <area shape="rect" alt="Home" coords="63,86,143,106" href="http://www.michigan-sportsman.com/">
                        </map>
                </td>
		<td background="http://www.michigan-sportsman.com/images/fall_slice2.jpg" width="100%" height="301" alt="" align="right" style="background-repeat: no-repeat;">
		  <table width="100% border="0">
                    <tr>
                      <td colspan="2">
                       <div align="right">

<SCRIPT LANGUAGE="JavaScript">
random = parseInt(Math.random()*1000)
banner = '<IFRAME src="http://www.michigan-sportsman.com/cgi-bin/adsbanner.pl?iframe; allowTransparency="true" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=NO WIDTH=470 HEIGHT=90>'
banner += '<A HREF="http://www.michigan-sportsman.com/cgi-bin/adsbanner.pl?banner=NonSSI;zone=banner;'
banner += 'page=' + random + '" TARGET="_blank">';
banner += '<IMG SRC="http://www.michigan-sportsman.com/cgi-bin/adsbanner.pl?'
banner += 'page=' + random + '"'
banner += ' ALT="Click Here!" BORDER=0></A>'
banner += '</IFRAME>'
document.write(banner)
</SCRIPT>

                       </div>		
		     </td>
                    </tr>
                    <tr>
                      <td>
                       <div align="right">
                           <br><a href="http://www.michigan-sportsman.com/sponsors.htm"><b>View our sponsors</b></a><br> 
                            <a href="http://www.igreatlakes.com/ads.htm">Be a sponsor</a>
                       </div>
                      </td>
                      <td>
                       <div align="right">
                       	
<SCRIPT LANGUAGE="JavaScript">
banner = '<IFRAME src="http://www.michigan-sportsman.com/cgi-bin/adsbutton.pl?iframe;" allowTransparency="true" STYLE="background-color: #F0F4D8" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=NO bgcolor="#F0F4D8" WIDTH=125 HEIGHT=170>'
banner += '<A HREF="http://www.michigan-sportsman.com/cgi-bin/adsbutton.pl?banner=NonSSI;zone=button;' 
banner += 'page=' + random + '" TARGET="_blank">'; 
banner += '<IMG SRC="http://www.michigan-sportsman.com/cgi-bin/adsbutton.pl?'
banner += 'page=' + random + '"' 
banner += ' ALT="Click Here!"  BORDER=0></A>' 
banner += '</IFRAME>'
document.write(banner)
</SCRIPT>    

                       </div>
                     </td>
                    </tr>

      </table></td>
   </tr>

</table>


<!-- /logo -->

Should be any wider than the forums table.