right ok... im in the process of building my website...

everyfin was going well, until i decided to check how my site looked in a lower resolution 800x600 and thats where the problem is.

the top banner and the table below have both moved out of line, i have been trying to figure out the reason for this but cant find it ,

here is the code for the top table with banner etc

<table border="0" cellpadding="0" cellspacing="0" width="95%" style="border: 1px solid #000000; ; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#000" height="50">

<tr style="font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000">
<td valign="top" align="left" width="100%" height="50" style="border-bottom: 1px solid #000000; ; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#000" bgcolor="#2B5587">
<img border="0" src="websiteimages/banner.jpg" width="731" height="117"><tr style="font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000">
<td valign="top" align="left" width="100%" style="border-bottom: 0px solid #000000; ; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#000">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000">




</table>

<table width="100%" cellspacing="6" id="submenu" style="font-size: 10px; font-weight: bold; color: #2B5587; font-family: Tahoma, Verdana, Arial, sans-serif; border: 1px solid #000000; margin: 3px 0px; background-color: #FFFFF; background-image: url('websiteimages/tile_sub1.gif')">
<tr style="font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000">
<td style="font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000">
<font color="#FFFFFF">&nbsp;</font><a href='http://www.wirralcarclub.co.uk' style="font-weight: bold; font-size: 10px; text-decoration: none; color: #FFFFFF">Wirral
Car Club Home</a><font color="#FFFFFF"><!--IBF.RULES--><!--IBF.TSLLINK--> &nbsp;&nbsp;&nbsp;</font></td>
<td align="right" style="font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000">
<font color="#FFFFFF">&nbsp;&nbsp;&nbsp;
&nbsp;</font><span style="font-size: 10px; color: #FFFFFF; text-decoration: none">Home</span><font color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;</font><span style="font-size: 10px; color: #FFFFFF; text-decoration: none">News</span><font color="#FFFFFF"></a>&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;</font><span style="font-size: 10px; color: #FFFFFF; text-decoration: none">Events</span><font color="#FFFFFF"></a>&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;</font><span style="font-size: 10px; color: #FFFFFF; text-decoration: none">Gallery</span><font color="#FFFFFF"></a>&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;</font><a href="http://www.wirralcarclub.co.uk/forums"><span style="font-size: 10px; color: #FFFFFF; text-decoration: none">Forums</span></a><font color="#FFFFFF">&nbsp;</font></td>
</tr>
</table>

</table>

and now the table below which is out of line with the above table

<td valign="top" align="left" style="font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#000; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:10px">


<div id='navstrip' align='left' style="font-weight: bold; padding-left: 0px; padding-right: 0px; padding-top: 6px; padding-bottom: 6px">
<img src='websiteimages/nav.gif' border='0' alt='&gt;' style="vertical-align: middle; border: 0px none" />&nbsp;
Wirral Car Club<img src='websiteimages/navsep.gif' border='0' alt='>' style="vertical-align: middle; border: 0px none" />Home
Page
</div>
<br />


<div class="tableborder">
<div class="pformstrip">Latest News :</div>
<div class="tablepad">Analysis A number of major news services
this weekend forecast that Apple will today announce a staged migration from
PowerPC to x86 processors. If it's made, the announcement will take place at
the Mac maker's Worldwide Developers Conference in San Francisco, certainly
the most likely venue for such a revelation since it's addressing the folk
who will have to bear the brunt of such a move.<br>
Many are likely to be horrified. Quite a few Mac zealots will be too, and
Apple is going to lose the support of some of its oldest supporters. Well,
if they want to cut off their noses to spite their faces, let them. For the
majority of Mac users, it's no bad thing. It's not an 'about time too'
moment either - it's simply the latest stage in the evolution of the Mac.</div>
</div>
&nbsp;<form action="http://www.wirralcarclub.co.uk/forums/index.php?act=Login&amp;CODE=01" method="post" name='LOGIN' onsubmit='return ValidateForm()' style="display: inline">
<div class="tableborder">
<div class="maintitle">Gallery</div>
<div class='pformstrip'>Latest Pictures From Modified Nationals :</div>
<table class="tablebasic" cellspacing="1">
<tr style="font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000">
<td class='pformleftw' colspan="2">
<p align="center">&nbsp;</td>
</tr>
<tr style="font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000">
<td class='pformleftw' width="39%">&nbsp;</td>
<td class='pformright'>&nbsp;</td>
</tr>
</table>
<div class="pformstrip" align="center">
<input type="submit" name='submit' value="Click For More Pictures" class='forminput' /></div>
</div>
<input type='hidden' name='referer' value="" />
</form>

<!-- Copyright Information -->

<div align='center' class='copyright'>Wirral Car Club v1.6 &copy; 2005 </div>

</div>

</td>

Help will be so much appreciated, thanks in advance

Jon

bahhh as soon as i posted that i had a thought, and i was right, the image for the banner at the top was causing the top table to stretch, so i just put both table to 96% and that has sorted the problem.. simple really !!!! bahhh lol