I think I have resolved your problem. I took out the "center" tag and replaced it with a "div" tag and gave it an id of "centerTbl". Below is the code. Hope this helps.
<html>
<head>
<title>Server1</title>
<style media="screen" type="text/css">
html, body {height: 100%;
margin:0;padding:0;}
#wrap {min-height: 100%;
border-top: 40px solid #356CA2;}
#main {overflow:auto;
margin:5;padding:5;
padding-bottom: 100px;} /* must be same height as the footer */
#footer {position: relative;
margin-top: -100px; /* negative value of footer height */
height: 100px;
clear:both;
text-align: center;}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
.align-left { float:left; margin: 0 15px 15px 0; }
/* took out the center tag and replaced it with this id within a div tag */
#centerTbl {
text-align: center;
width: 960px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="wrap">
<div id="main">
<img src="/images/ubuntu-logo1.gif" class="align-left" />
<div id="centerTbl">
<h1>SERVER1</h1>
<table>
<tr>
<td width="42%">
<h2>Server wiki</h2>
<p>The wiki can be found at <a href="http://server/wiki">http://server/wiki</a>
<p>Please see the Server manager for a user account on the wiki.</p>
</td>
<td width="42%">
<h2>IonTorrent Monitoring page</h2>
<p>Torrent Server monitoring page is in development.</p>
<p>Current page is here <a href="http://server1/cgi-bin/onitor/monitor-dev.pl">http://server1/cgi-bin/monitor/monitor-dev.pl</a></p>
</td>
</tr>
</table>
</div>
</div>
</div>
<div id="footer">
Authorized personnel only. All activity is logged.
</div>
</body>
</html>
