Logo does not work with different screen sizes.

[drjdh]

I'm new to vBulletin and css. I'm having trouble formatting my logo which I created with photoshop. I formatted the logo to fit with my home widescreen monitor, but when I view the page on a smaller monitor the image is no longer centered, but is moved to the right

I have tried to break the image up into three pieces, but the image that I have does not look right when repeated.

attached is an image on my large monitor and small monitor.

Here is my Logo Code:


<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]">
&nbsp;
</td>
</tr>
</table>


<!-- /logo -->


What can I do to remedy this situation?
Any help is greatly appreciated!

- Jerry