Tabbed Table by Triad, need help.

[neeners]

So basically, our forum is currently in V4 still and I'm looking into transferring over to V5. 

I want to keep our headers/footers the same if possible to avoid any issue. 

BUT, as you can see here I seem to be having an issue where it's tucking in under the general board title, and it really messed up my site's look as well as REALLY messing with the user profile look. 

Could somebody please help me sort this issue out? 

Below Im going to copy what I have as the code (Do note this was handed down to me and I wasn't the one to implement it)

SPOILER: Click to show

<script>
// Resize the welcome table - can be % or a number of pixels
document.getElementsByTagName('table')[0].style.width='700px';
</script>

<script type="text/javascript">
<!--
document.getElementsByTagName('table')[0].cellSpacing = 0;
//-->
</script>

<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
</script>

<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>

<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).innerHTML = document.getElementsByTagName('td').item(2).innerHTML.split(/<br\s?\/?>/)[0];
//-->
</script>

<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>

<style type="text/css"><!--
.welcometablehover {
font-family: century gothic;
font-weight: bold;
color: #FFFFFF;
background-color: #191919;
background-repeat: repeat-x;
border-top: 1px solid #191919;
border-right: 1px solid #191919;
border-bottom: 1px solid #191919;
}

.welcometablebg {
font-family: century gothic;
font-weight: bold;
color: #FFFFFF;
background-color: #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
background-image: none;
}
--></style> <p>

<script type="text/javascript"><!--

/*
* Tabbed Welcome Table
* Created By Triad
* support.proboards.com
*/

var proTable = {

previous: null,

previousStaff: null,

g: function(_id){
if(_id)
return document.getElementById(_id);

return false;
},

toggle_data: function(){
if(this.g("pro_" + this.previous.id.substr(4)).style.display == ""){
this.previous.className = (this.previous.className == "welcometablehover") ? "welcometablebg" : "welcometablebgend";
this.g("pro_" + this.previous.id.substr(4)).style.display = "none";
document.cookie = "proData="+encodeURI("pro_" + this.previous.id.substr(4)) + ";expires=Sat, 20 Jan 2000 12:12:12 UTC; path=/;";
this.g("pro_default").style.display = "";
} else {
this.previous.className = (this.previous.className == "welcometablebg") ? "welcometablehover" : "welcometablehoverend";
this.g("pro_" + this.previous.id.substr(4)).style.display = "";
document.cookie = "proData="+encodeURI("pro_" + this.previous.id.substr(4)) + ";expires=Sat, 20 Jan 3000 12:12:12 UTC; path=/;";
this.g("pro_default").style.display = "none";
}
},

display_data: function(_obj){
if(this.g("pro_default").style.display == "")
this.g("pro_default").style.display = "none";

if(this.previous != null && this.previous.className.match(/hover/i)){
this.previous.className = (this.previous.className == "welcometablehover") ? "welcometablebg" : "welcometablebgend";
this.g("pro_" + this.previous.id.substr(4)).style.display = "none";
}

this.previous = this.g("nav_" + _obj.substr(4));
this.previous.className = (this.previous.className == "welcometablebg") ? "welcometablehover" : "welcometablehoverend";
this.g("pro_" + this.previous.id.substr(4)).style.display = "";
document.cookie = "proData="+encodeURI("pro_" + this.previous.id.substr(4)) + ";expires=Sat, 20 Jan 3000 12:12:12 UTC; path=/;";
},

toggle_table: function(){
if(this.g("welcome_collapse").style.display == ""){
this.g("welcome_collapse").style.display = "none";
document.cookie = "toggle=proHide;expires=Sat, 20 Jan 3000 12:12:12 UTC; path=/;";
} else {
this.g("welcome_collapse").style.display = "";
document.cookie = "toggle=proShow;expires=Sat, 20 Jan 3000 12:12:12 UTC; path=/;";
}
},

showStaff: function(_name){
if(this.g("pro_staff_default").style.display == "")
this.g("pro_staff_default").style.display = "none";

if(this.previousStaff != null){
if(this.previousStaff == this.g("pro_staff_" + _name)){
if(this.previousStaff.style.display == ""){
this.previousStaff.style.display = "none";
this.g("pro_staff_default").style.display = "";
} else
this.previousStaff.style.display = "";
return true;
} else
this.previousStaff.style.display = "none";
}

this.previousStaff = this.g("pro_staff_" + _name);
this.previousStaff.style.display = "";
}
};

//--></script>
<table width="100%" align="center" cellspacing="1" cellpadding="0" class="bordercolor">
<tr>
<td class="toggle" align="center" colspan="2" style="padding: 4px; cursor: pointer;" onclick="proTable.toggle_table();">
CLICK TO TOGGLE MENU ?

</td>
</tr>
<tr id="welcome_collapse">
<td width="70%" align="center" class="windowbg" valign="top" height="100%">

<table width="200%"cellspacing="0" cellpadding="4">
<tr>
<td align="center" class="welcometablebg" width="40%" id="nav_welcome" onClick="proTable.display_data(this.id);" style="cursor: pointer;">WELCOME</td>
<td align="center" class="welcometablebg" width="40%" id="nav_staff" onClick="proTable.display_data(this.id);" style="cursor: pointer;">STAFF</td>
<td align="center" class="welcometablebg" width="40%" id="nav_news" onClick="proTable.display_data(this.id);" style="cursor: pointer;">UPDATES & EVENTS</td>
<td align="center" class="welcometablebg" width="40%" id="nav_featured1" onClick="proTable.display_data(this.id);" style="cursor: pointer;">SPOTLIGHT</td>
<td align="center" class="welcometablebg" width="40%" id="nav_credits" onClick="proTable.display_data(this.id);" style="cursor: pointer;">CREDITS</td>
</tr>

<tr>
<td class="windowbg" colspan="5">

<div id="pro_default" style="text-align: center; font-size: 10pt; display:;">



</div>

<hr style="height:1pt; visibility:hidden;" margin-bottom="-6px"/>

<div id="pro_welcome" style="display: none;">
<table width="100%" cellpadding="0" cellspacing="10" align="center" class="block">
<tr>

<td width="31%" class="block" vAlign="top">
<p class="aerierocks">welcome to bsrp</p>
<div class="pinkninja"><b>Best viewed in Google Chrome.</b><br>
Bleach Society Role Play is a canon and non-canon Bleach role play forum that has been active for over five years. We allow both canon and custom characters to be made. Please don't be afraid of our large community, as we are always hoping new people will join our family!

</div></td>

<td with="23%" class="block" vAlign="top" style="padding-left: 4px; padding-right: 4px;">
<div class="aerbearlink" ><ul>
<li><b>Getting Started</b></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=general&action=display&thread=27423">01. Rules</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=general&action=display&thread=63282">02. New Member Guide</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=general&action=display&thread=26045">03. Plot</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=list&action=display&thread=63777">04. Face Claim List</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=list&action=display&thread=63778">05. Canon List</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?action=display&board=arrancarz&thread=62400&page=1">06. Canon Guidelines</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=list&action=display&thread=63780">07. Sub-Shinigami List</a></li>
</ul>



</div>
</td>

<td with="23%" class="block" vAlign="top" style="padding-left: 4px; padding-right: 4px;">
<div class="aerbearlink"><ul>
<li><b>Creation Process</b></li><li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=characterapplications">08. Profile Templates</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=arrancarz&action=display&thread=62403">09. Profile Guide</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=vizards">10. Race Guides</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=arrancarz">11. Technique Lists</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=arrancarz&action=display&thread=62402">12. Technique Guide</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=abilities&action=display&thread=26058">13. Improvement Guide</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=ideas&action=display&thread=51668">14. Giant Help Thread </a></li>
</ul>
</div>


</td>

<td with="23%" class="block" vAlign="top" style="padding-left: 4px; padding-right: 4px;">
<div class="aerbearlink"><ul>
<li><b>Lists and Systems</b></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=list&action=display&thread=63776">15. Gotei 13 List</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=list&action=display&thread=63779">16. Who Plays Who</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=general&action=display&thread=45619&page=1">17. Battle System</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=pplots&action=display&thread=46391">18. Plot System</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?action=display&board=general&thread=59894">19. Ranking System</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=general&action=display&thread=59993">20. Mastery System</a></li>
<li><a href="http://bleachsocietyrp.proboards.com/index.cgi?board=advertisement">21. Advertise Affiliate</a></li>
</ul>
</div>


</td>
</tr>
</table>


</div>
<div id="pro_staff" style="display: none;">
<table width="100%" cellpadding="0" cellspacing="10" align="center" class="block">
<tr>

<td width="30%" class="block" vAlign="top">
<p class="aerierocks">admins</p>
<div class="greenninja"><center>
<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=admin"><img src="http://i.imgur.com/L3qGe.png" style="width: 54px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Root Admin: Ichigo" title="Root Admin: Ichigo"></a>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=blackknightroxas"><img src="http://i.imgur.com/3gf2F6R.jpg" style="width: 54px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Head Admin: Natsu" title="Head Admin: Natsu"></a>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=kazaazz"><img src="http://i.imgur.com/VL2eXf5.jpg" style="width: 54px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Co-Admin: Kaz" title="Co-Admin: Kaz"></a>
</center>
</div></td>

<td width="40%" class="block" vAlign="top">
<p class="aerierocks">moderators</p>
<div class="greenninja">
<center>
<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=ramz"><img src="http://i.imgur.com/yI3n0lM.png" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Global Mod: Cae" title="Global Mod: Cae"></a>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=neeners"><img src="http://i.imgur.com/IQSfXZA.png" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Graphics Mod: Steve" title="Graphics Mod: Steve"></a>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=Epsilon"><img src="http://i.imgur.com/25q8QlN.png" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Global Mod: Epsilon" title="Global Mod: Epsilon"></a>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=astra"><img src="http://i.imgur.com/MdsTWin.png" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Global Mod: Astra" title="Global Mod: Astra"></a><br>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=executioner"><img src="http://i.imgur.com/DfjHrqf.png" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Mod: Kiron" title="Mod: Kiron"></a>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=Yume"><img src="http://i.imgur.com/A4fv8bX.png" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Mod: Yume" title="Mod: Yume"></a>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=warren"><img src="http://i.imgur.com/PlwIo5x.png" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Mod: Warren" title="Mod: Warren"></a>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=numabo"><img src="http://i.imgur.com/4UTHl85.png" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Mod: Zenrei" title="Mod: Zenrei"></a>

</center>
</div></td>

<td width="30%" class="block" vAlign="top">
<p class="aerierocks">assistants</p>
<div class="greenninja">
<center>
<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=jharek"><img src="http://i.imgur.com/hbPXXxd.png" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Assistant: Fuka" title="Assistant: Fuka"></a>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=datakira"><img src="http://i.imgur.com/J1YYrub.jpg" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Assistant: Lyn" title="Assistant: Lyn"></a>

<a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=ventus"><img src="http://i.imgur.com/BJ4vSbs.png" style="width: 50px; border: 3px solid #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;" alt="Assistant: Zaerif" title="Assistant: Zaerif"></a>

</center>
</div></td>

</tr></table></div>

<div id="pro_news" style="display: none;">
<table width="100%" cellpadding="0" cellspacing="10" align="center" class="block">
<tr>
<td width="35%" class="block" vAlign="top">
<p class="aerierocks">site updates</p>
<div class="pinkninja">
<b>[ 02.20.13. ]</b> Steve here! Decided to give a bit of an update. As you all know Saki left, so Natsu took admin position and has been doing marvelously well so far! Congrats to her and keep up the good work! Kaz also has been doing great in her new Co-admin position, with Cae ascending to Global Moderator and myself to Graphics Moderator, we are your senior staff members and we hope to make it a fun place for you guys! Congrats are also due to Epsilon and Yume for their ascension to moderators! Good work guys!
</div></td>

<td width="35%" class="block" vAlign="top">
<p class="aerierocks">ic updates</p>
<div class="pinkninja">
<b>[ 11.17.12. ]</b> <br>PLOT FAST FORWARD<br><br>the plot has moved out of the fullbring arc as we now eneter the final arc. The Quincy War. In this chapter, the Vandenreich prepares in the shadows as they recruit OC Quincy for their elite ranks and any race willing to join in making the Vandenreich successful against the Gotei 13. Their goal is to destroy the Gotei and make Quincy the supreme race for combating hollows. With this plot the site has went Liquid and OC's have a bigger impact.

</div></td>

<td width="35%" class="block" vAlign="top">
<p class="aerierocks">events</p>
<div class="pinkninja">
No events going on staff wise at the moment, but talk to Arik about his plans to launch on OC Tournament if it's not already underway!
</div></td>
</tr></table>
</div>

<div id="pro_featured1" style="display: none;">
<table width="100%" cellpadding="0" cellspacing="10" align="center" class="block">
<tr>
<td width="50%" class="block" vAlign="top">
<p class="aerierocks">member of the month</p>
<div class="pinkninja">
<img src="http://imageshack.us/scaled/landing/255/pikah.jpg" align="left" style="padding: 2px; height: auto;"> The Member of the Month for April is <a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=defaultwhut">Pika</a>! A regular lover of the Bount race, Pika here always seems to be doing something with his Bount character and making them more and more loved on the site. It probably inspired some of our updates for them! That, he loves filling the cbox and site with loads of Pikachu pictures!</div></td>

<td width="50%" class="block" vAlign="top">
<p class="aerierocks">character of the month</p>
<div class="pinkninja">
<img src="http://i.imgur.com/rV4eLtl.jpg" align="left" style="padding: 2px;"> Well whaddaya know, a draw! The Characters of the Month for April are is <a href="http://www.bleachsocietyrp.proboards.com/index.cgi?board=ahumans&action=display&thread=56435">Lexie Triantifillou</a> and <a href="http://bleachsocietyrp.proboards.com/index.cgi?board=modsoul&action=display&thread=62501">Seran</a>! A Human and a Mod Soul respectively, they're each trying their level best to make their dent in the world: Lexie as the daughter of the site's most powerful Arrancar, and Seran as the strongest Mod Soul.
<br>
<br>
</div></td></tr>

<tr><td width="50%" class="block" vAlign="top">
<p class="aerierocks">Staff member of the month</p>
<div class="pinkninja">
<img src="http://i75./i290/rkwest/R2.jpg" align="left" style="padding: 2px;"> Whoa whoa, watch out, you'll be nommed! Ah, too late, the Staff of the Month for April <a href ="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=astra">Astra</a> seemed to get you XD. As BSRP's mum, she makes sure things are played with nicely and fairly, and nomming you if she deems otherwise. She's also a huge nerd and old enough to mother a kid, making her just astranomical <3</div></td>

<td width="50%" class="block" vAlign="top">
<p class="aerierocks">Thread of the month</p>
<div class="pinkninja">
<img src="http://i.imgur.com/vQDJRtd.png" align="left" style="padding: 2px;">So April's Thread of the Month is <a href="http://bleachsocietyrp.proboards.com/index.cgi?board=karakuratown&action=display&thread=61533&page=1">Long Time No See...Draw!</a> Back from the scourges of inactivi- I mean soul searching wandering, Isao happens upon old friend Terra in Karakura. Having broken the law and become a Vizard, Terra tries to force Isao to submit, drawing them into battle. Their Bankai shall clash.
<br>
<br>
</div></td>

</tr></table>
</div>

<div id="pro_credits" style="display: none;">
<table width="100%" cellpadding="0" cellspacing="10" align="center" class="block">
<tr>
<td width="100%" class="block" vAlign="top">
<p class="aerierocks">credits and disclaimer</p>
<div class="pinkninja">
This skin was coded by <b><a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=yachiru">Aerie</a></b> Codes were taken from various sites liked <b>Proboards Support</b>, <b>Smangii</b>, and <b>Studio Zero</b>. Graphics are copyrighted to <b><a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=saru">Toppa</a></b>, <b><a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=yachiru">Aerie</a></b>, <b><a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=glacialmoonlight">Twinkie</a></b>, <b><a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=miyano">Saki</a></b> and <b><a href="http://bleachsocietyrp.proboards.com/index.cgi?action=viewprofile&user=neeners">Steve</a></b>. Bleach is copyrighted to Tite Kubo. We do not own the series or any character arts. BSRP is for pure entertainment and in no way makes a profit from Bleach. Information and other things posts on this forum are copyrighted to its respective members. Do not steal. Aerie will cut a bitch.
</td>
</tr>
</table>
</div>

</div>
</td>
</tr>
</table>
</td>
</tr>

<script type="text/javascript"><!--

if(document.cookie.match(/toggle=proShow/i))
proTable.g("welcome_collapse").style.display = "";

if(document.cookie.match(new RegExp("proData=(.+?)($|","gi")))
proTable.display_data(decodeURI(RegExp.$1));

//--></script>

[Tumbleweed]

 I have a feeling you no longer need help with this, neeners. Your site is looking pretty sharp and it looks like you opted for peek-a-boos and did an amazing job with it, at that!  Post back if you do have any issues. 

[neeners]

I found an alternative! D: Thanks though!!