My banner is aligned to the left under Internet Explorer but not Firefox, how to fix?

[FreshPrince]

http://www.politicsforumpoliticalworld.com/

Firefox:



Internet Explorer:




Also, the titles on the forums appear centered.


Here is the code in my header. Any idea what I'm doing wrong? Thanks


-FP

<script type="text/javascript">

/************************************************** **
* DOM Image rollover:
* by Chris Poole
* http://chrispoole.com
* Script featured on http://www.dynamicdrive.com
* Keep this notice intact to use it :-)
************************************************** **/

function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;

</script>




<script language="javascript">
<!--
}
}
}
// -->
</script>



<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td>


<td width="0" valign="top" style="background: url('$stylevar[imgdir_misc]/border_left_bg.gif') repeat-y top right; text-align: center;"><img src="$stylevar[imgdir_misc]/border_left.gif" alt="border" /></td>
<td>



<style type="text/css">
<!--
.style1 {
font-family: Tahoma;
font-size: 10px;
color: #3c3c3c;
}
-->
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">

<!----------deleted header logo left--------->

<!----------deleted header logo right-------->

<!----------Front Page----------->
<td width="151"><div align="center"><a href="index.php"><img src="http://www.politicsforumpoliticalworld.com/grunged/misc/header_right.jpg" width="700" height="135" border="0"></a></div></td>
<!----------Front Page----------->

</tr>
</table>


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"><img src="$stylevar[imgdir_misc]/links_above_left.gif" width="25" height="12"></td>
<!----------Deletion----------->
<!----------Deletion----------->
<td background="$stylevar[imgdir_misc]/links_above_bg.gif"><img src="$stylevar[imgdir_misc]/links_above_bg.gif" width="1" height="12"></td>



<td width="25"><img src="$stylevar[imgdir_misc]/links_above_right.gif" width="25" height="12"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>


<!------deleted links underneath the banner here------>

<td background="$stylevar[imgdir_misc]/links_bg.gif">&nbsp;</td>
<td width="135" background="$stylevar[imgdir_misc]/links_bg.gif"><img src="$stylevar[imgdir_misc]/links_right.gif" width="135" height="32"></td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="$stylevar[imgdir_misc]/links_undershadow.gif" bgcolor="#FFFFFF"><img src="$stylevar[imgdir_misc]/links_undershadow.gif" width="6" height="48"></td>
</tr>
</table>

<!-- content table -->
$spacer_open
$_phpinclude_output