whole webpage shifting in firefox

best way to explain it is to show it i guess [URL=”http://lawlocaust.net/gamerverse/”]http://lawlocaust.net/gamerverse/[/URL] if u hover over the banner area at the top u can use the arrow keys to navigate the site and when u press an arrow key in firefox the page shifts

i am pretty sure the problem is occuring from this

[CODE]
<div class=”page” id=”page”>
<table cellspacing=”0px”; cellpadding=”0px” id=”main”>
<tr>
<td><div><?php include(‘home.php’); ?></div></td><td><div><?php include(‘users.php’); ?></div></td><td><div><?php include(‘games.php’); ?></div></td><td><div><?php include(‘new.php’); ?></div></td><td><div><?php include(‘forum.php’); ?></div></td><td><div><?php include(‘guilds.php’); ?></div></td><td><div><?php include(‘store.php’); ?></div></td>
</tr>
</table>
</div>
[/CODE]

and this

[CODE]
//winH is the height of the window
//winW is the width of the window
var td = document.getElementsByTagName(‘td’);
for(i = 0; i < td.length; i++)
{
td[i].width = winW+”px”; //sets the width of each table cell to the window width
td[i].style.height = (winH-h)+”px”;
td[i].firstChild.style.height = ((winH-h)-58)+”px”;
td[i].firstChild.style.width = ((winW – (td[i].firstChild.offsetLeft*2))-8)+”px”;
}

[/CODE]

so basically my div with the id page is like 7 screens wide
how do i stop this
also it works fine in both google chrome and IE8

Also in #JavaScript _↴