I've tried getting rid of the repeat. It causes my page to shift. The actual file of the image is 1px by 920 its the 1 px same as the right that is getting repeated to cause the larger black right side.
What I tried to do is create the actual image the size of the right side identical to the left so its 246 w x 920 height, but i don't want the reapeat just the actual image to display once. When i change that in the code my page shifts.
Here is my code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Untitled</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body style="background-color:#141414 ">
<table width="100%" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top" style="background:url('images/px_left.jpg') repeat-x top ; "></td>
<td width="766" valign="top">
<table width="766" style="height:920px; background:url('images/bg_main.jpg') no-repeat top ; " border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<table width="766" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="34" valign="top" style="background:url('images/bg.gif') no-repeat top ; "></td>
</tr>
<tr>
<td height="257" valign="top">
<table width="766" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="41" valign="top"></td>
<td width="684" valign="top" style="background:url('images/bg_head.jpg') no-repeat top ; ">
<table width="684" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="113" valign="top">
<a href="index.html">
<img src="images/b.jpg" alt="" border="0" width="127" height="46"></a><a href="index-1.html"><img src="images/b1.jpg" alt="" border="0" width="82" height="46"></a><a href="index-2.html"><img src="images/b2.jpg" alt="" border="0" width="86" height="46"></a><a href="index-3.html"><img src="images/b3.jpg" alt="" border="0" width="91" height="46"></a><a href="index-4.html"><img src="images/b4.jpg" alt="" border="0" width="89" height="46"></a><a href="index-5.html"><img src="images/b5.jpg" alt="" border="0" width="86" height="46"></a><a href="index-6.html"><img src="images/b6.jpg" alt="" border="0" width="123" height="46"></a>
</td>
</tr>
<tr>
<td height="144" valign="top">
<table width="684" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="233" valign="top">
<div style="margin-left:41px; ">
<img src="images/logo.jpg" alt="" width="126" height="82">
</div>
</td>
<td width="451" valign="top">
<div style="margin-top:15px; ">
<img src="images/tx.gif" alt="" width="204" height="51">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="41" valign="top"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="39" valign="top" style="background:url('images/bg1.jpg') no-repeat top ; ">
<table width="766" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="273" valign="top">
<div style="margin:7px 0px 0px 80px; ">
<a href="#"><img src="images/home.gif" alt="" border="0" width="25" height="26"></a><a href="#"><img src="images/mail.gif" alt="" border="0" style="margin-left:25px; margin-right:18px; " width="27" height="26"></a><a href="#"><img src="images/map.gif" alt="" border="0" width="37" height="26"></a>
</div>
</td>
<td width="493" valign="top" class="home">
<div style="margin-top:12px; ">
home / corporate overview
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="511" valign="top">
<table width="766" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="41" valign="top"></td>
<td width="684" valign="top">
<table width="684" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="2" valign="top"></td>
</tr>
<tr>
<td height="399" valign="top">
<table width="684" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="208" valign="top">
<table width="208" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="247" valign="top">
<div style="margin:24px 22px 10px 15px; ">
<img src="images/tx1.gif" alt="" width="167" height="18"><br>
<img src="images/spacer.gif" alt="" width="1" height="20"><br>
<img src="images/a1.gif" alt="" align="left" width="5" height="10"><div style="margin-left:10px; ">
<strong>30 - 10 - 2006</strong><br>
<img src="images/spacer.gif" alt="" width="1" height="2"><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.<br>
<img src="images/spacer.gif" alt="" width="1" height="12"><br>
<img src="images/l.gif" alt="" width="155" height="1"><br>
<img src="images/spacer.gif" alt="" width="1" height="12"><br>
</div>
<img src="images/a1.gif" alt="" align="left" width="5" height="10"><div style="margin-left:10px; ">
<strong>30 - 10 - 2006</strong><br>
<img src="images/spacer.gif" alt="" width="1" height="2"><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
</div>
</div>
</td>
</tr>
<tr>
<td height="152" valign="top">
<a href="#">
<img src="images/banner.jpg" alt="" border="0" width="207" height="147"></a>
</td>
</tr>
</table>
</td>
<td width="476" valign="top">
<table width="476" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="247" valign="top" style="background-color:#474747 " class="white">
<div style="margin:24px 22px 10px 24px; ">
<img src="images/tx2.gif" alt="" width="428" height="18"><br>
<img src="images/spacer.gif" alt="" width="1" height="22"><br>
<img src="images/pic.jpg" alt="" style="margin-right:14px; " align="left" width="86" height="86"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</strong><br>
<img src="images/spacer.gif" alt="" width="1" height="10"><br>
<a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse mole stie consequat, vel illum dolore eutid.<br>
<img src="images/spacer.gif" alt="" width="1" height="14"><br>
<a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit
</div>
</td>
</tr>
<tr>
<td height="152" valign="top">
<table width="476" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="238" valign="top" style="background:url('images/px.gif') repeat-y right ; ">
<table width="238" style="height:100%; background:url('images/bg3.gif') no-repeat top right ; " border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="background:url('images/bg4.gif') no-repeat bottom right ; ">
<div style="margin:20px 32px 10px 24px; ">
<img src="images/tx3.gif" alt="" width="168" height="19"><br>
<img src="images/spacer.gif" alt="" width="1" height="12"><br>
<strong>Ut wisi enim ad minim veniam, quis nostrud exerci tation.</strong><br>
<img src="images/spacer.gif" alt="" width="1" height="10"><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.
</div>
</td>
</tr>
</table>
</td>
<td width="238" valign="top">
<div style="margin:20px 24px 10px 25px; ">
<img src="images/tx4.gif" alt="" width="185" height="19"><br>
<img src="images/spacer.gif" alt="" width="1" height="12"><br>
<strong>Ut wisi enim ad minim veniam, quis nostrud exerci tation.</strong><br>
<img src="images/spacer.gif" alt="" width="1" height="10"><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="110" valign="top" style="background:url('images/bg2.gif') no-repeat top ; ">
<div style="margin:28px 0px 0px 50px; ">
<img src="images/pic1.jpg" alt="" width="112" height="49"><img src="images/pic2.jpg" alt="" style="margin-left:41px; margin-right:59px; " width="109" height="49"><img src="images/pic3.jpg" alt="" width="104" height="49"><img src="images/pic4.jpg" alt="" style="margin-left:44px; " width="115" height="49">
</div>
</td>
</tr>
</table>
</td>
<td width="41" valign="top"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="79" valign="top">
<table width="766" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="41" valign="top"></td>
<td width="684" valign="top" style="background:url('images/bg_copy.gif') no-repeat top ; " class="copy">
<div style="margin:17px 0px 0px 51px; ">
<a href="index.html">
<img src="images/bb.gif" alt="" border="0" width="35" height="8"></a><a href="index-1.html"><img src="images/bb1.gif" alt="" border="0" style="margin-left:51px; margin-right:29px; " width="53" height="8"></a><a href="index-2.html"><img src="images/bb2.gif" alt="" border="0" width="47" height="8"></a><a href="index-3.html"><img src="images/bb3.gif" alt="" border="0" style="margin-left:39px; margin-right:39px; " width="52" height="8"></a><a href="index-4.html"><img src="images/bb4.gif" alt="" border="0" width="58" height="8"></a><a href="index-5.html"><img src="images/bb5.gif" alt="" border="0" style="margin-left:31px; margin-right:30px; " width="56" height="8"></a><a href="index-6.html"><img src="images/bb6.gif" alt="" border="0" width="55" height="8"></a><br>
<div style="margin:30px 0px 0px 85px; ">
2006 © Copyright CompanyName. All rights reserved. Read Legal policy and <a href="index-7.html">Privacy policy.</a>
</div>
</div>
</td>
<td width="41" valign="top"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="50%" valign="top" style="background:url('images/px_right.jpg') repeat-x top ; "></td>
</tr>
</table>
</body>
</html>