Tabbed Menu Alignment on Safari

See more:

Javascript

Windows

macOS

menu

tabs

, +

I have a slight problem in the Safari browser when it comes to a tabbed menu I have created. Upon loading it seems o float the initial table on to the right side of my tabs. The only time it doesn't have the problem is on the newest mac os, with the latest browser.

I have made a test page here were you can view the problem:

http://www.kitchenova.com/testing_ep_63-1.html


That is my Javascript:
>

function swaptabs(itm){
itm=itm.split("#")[1];
var num=itm.match(/\d/)[0];
for(var i=1; i<=5; i++){
document.getElementById('tab'+i).parentNode.className='cold';
document.getElementById('top'+i).className='cold';}
document.getElementById('tab'+num).parentNode.className='hot';
document.getElementById('top'+num).className='hot';}

And here is what it is affecting:

<!-- clickable tab-tops -->
<table id="tabgroup" align="center" width="700px;" cellspacing="0" cellpadding="0" border="0">
<tr><th >
<table id="tabtops" width="100%" cellspacing="0" cellpadding="0" border="0" align="left">
<tr >
<th id="top1"><a href="#tab1"  önclick="swaptabs(this.href);return false"> Description
</a></th>

Any help is much appreciated.