To fix the side table instead of padding replace it with the blue:
<!-- Start Main Table //-->
<table align="center" width="100%" cellspacing="0" style="margin-left: 10px;">
<tr>
I'm looking at your tabbed table now. Well, I thought I was going to be looking at it but here I am 2 hours later or so. Save your tabbed table and css to notepad. You don't have to save the javascript part above the css. Now remove that css and table and try this:<style type="text/css"><!--
.welcometablebg {
background-color: #8f989f;
float: left;
}
.welcometablehover {
background-color: #8f989f;
float: left;
}
#pro_tabs td {
cursor: pointer;
}
#pro_content {
font-size: 10pt;
text-align: left;
padding: 0px;
margin: 0px;
}
#pro_threads {
font-size: 10pt;
line-height: 1.5em;
text-align: left;
}
--></style>
<table width="650px" align="center" cellspacing="0px" cellpadding="0px" class="bordercolor">
<tr>
<td class="titlebg" cellspacing="0px" cellpadding="0px" align="center" colspan="2" style="background-image:url(http://imageshack.us/a/img541/2106/cataclysm14.png); height:70px;padding: 0px; cursor: pointer;" onclick="DTT.toggleTable();">
</td>
</tr>
<tr id="pro_collapse" style="display:;">
<td width="100%" valign="top" class="windowbg" colspan="2">
<div id="pro_tabs">
<span class="welcometablehover" onclick="DTT.toggleTab(this.id);" id="nav_welcome"><img src="http://imageshack.us/a/img594/8315/cataclysm15.png"></span>
<span class="welcometablebg" onclick="DTT.toggleTab(this.id);" id="nav_packs"><img src="http://imageshack.us/a/img692/4392/cataclysm16.png"></span>
<span class="welcometablebg" onclick="DTT.toggleTab(this.id);" id="nav_staff"><img src="http://imageshack.us/a/img27/6938/cataclysm17.png"></span>
<span class="welcometablebg" onclick="DTT.toggleTab(this.id);" id="nav_monthlyhonors"><img src="http://imageshack.us/a/img845/3592/cataclysm18.png"></span>
<span class="welcometablebg"><img src="http://imageshack.us/a/img844/8016/cataclysm19.png"></span>
</div>
</td>
</tr>
<tr>
<td width="508px" class="windowbg">
<div id="pro_welcome">
<table width="100%" height = "150px" align = "left">
<tr>
<td width = "350px">
<div style="height:150px;width:98%;overflow:scroll;overflow-x:hidden;">
<br><center><a href="http://twilightxgems.proboards.com/index.cgi?action=viewprofile&user=admin"><img src="http://i17./b55/little_lady55/coyote.gif"></a><br><br><b>Foxx</b><br>Hi everyone! If you have questions/comments, feel free to PM me by clicking on the picture above to go to my profile.<br>
</div>
</td>
<td valign="top" width = "150px">
<center><b>Site Wide;</b>
<br><br>
<b>6.11.13</b><br>We are under construction and a complete revamp. Everything is still functioning and useable for those who'd like to join.<br>*Wink Wink*<br>
All Basic information updated.<br>
I'd like to welcome <b>Anaiu</b> to the site.
</td>
</tr>
</table>
</div>
<div id="pro_packs" style="display: none;">
<div style="height:150px;width:98%;overflow:scroll;overflow-x:hidden;">
<font size=0><center>Stats Here.</center></font><br>
</div>
</div>
<div id="pro_staff" style="display: none;">
<div style="height:150px;width:98%;overflow:scroll;overflow-x:hidden;">
<font size=0>
<center><img src="http://img109.imageshack.us/img109/6033/autumnx.png"><br>It's a bit windy outside, breezy really.</center><br>
</div>
</div>
<div id="pro_monthlyhonors" style="display: none;">
<div style="height:150px;width:98%;overflow:scroll;overflow-x:hidden;">
<font size=0><center><img src="http://img534.imageshack.us/img534/6239/announced.png"></center></font>
</div>
</div>
</td>
<td width="142px" class="windowbg">
<div id="pro_threads">
<div style="margin: 0px 0px 0px 0px;">
<center><br>
<font size=1>
<a href="http://twilightxgems.proboards.com/index.cgi?board=general&action=display&thread=2&page=1">Rules</a><br>
<a href="http://twilightxgems.proboards.com/index.cgi?board=general&action=display&thread=278">Plot</a><br>
<a href="http://twilightxgems.proboards.com/index.cgi?board=general&action=display&thread=277">Wolf Info</a><br>
<a href="http://twilightxgems.proboards.com/index.cgi?board=register">Applications</a><br>
<a href="http://twilightxgems.proboards.com/index.cgi?board=claims">Claims</a><br>
<a href="http://twilightxgems.proboards.com/index.cgi?board=wantedad">Wanted Ads</a><br>
<a href="http://twilightxgems.proboards.com/index.cgi?board=plotpages">Plot Pages</a><br>
<a href="http://twilightxgems.proboards.com/index.cgi?board=journals">Journals</a>
</font>
</center>
</div>
</div>
</td>
</tr>
<table>
By the way, your tabbed table was set at 600px but your sliced images put together is 650px in width so I had to change that table width. The easiest solution would be to add 50px to your banner width and border images.
