Slight padding issues regarding tables nested in Divs

I am currently in the process of finishing a website which required tables to perfectly align several images and links to various photos, which are all nested withing a table. This table is within a div, inside a custom user control (.ascx)

Now on my main page, I have a logo for the website , w开发者_运维百科hich is nested in a centre tag

 <center>
    <div class="SizeToAlignment">
      <img src="Images/Master_Images/logo.gif" style="width: 958px; height: 100%;" alt="Heading" />
    </div>
 </center>
 <center>
    <div>
      <uc1:TablePics ID="TablePics1" runat="server" />
    </div>
 </center>

The end product causes the LogoDiv to misalign with the usercontrol TablePics1 (containing my tables of links and images) by 1 single pixel (to the left).

I do not want to resize my logo. Any ideas on what I should do?

For testing purposes, try this:

<div class="SizeToAlignment" style="padding-left:1px;">
    ...
</div>

If this resolves the issue, remove this style attribute and add the padding-left rule to the SiteToAlignment class in your style sheet.