/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}

/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}

Also, the actual tab menu I'm using is this (provided wrong link in OP)
http://dynamicdrive.com/dynamicindex1/ddtabmenu.htm

Example 4

One problem is the line below tabs is NOT showing up odd enough. I did fix the crushed tab portion (had to correct the body code) but the line still does not show up (blank) BUT it does push the rest of the body content below it all the way down, about a page view's worth. If I remove this code, it restores the body content back to where it should be, right below the tabs

<div class="ddcolortabsline">&nbsp;</div>

However, I really do want the line there yet not blank and not pushing the content far down leaving a big white space.