I have two questions..
Firstly, ive made a simple webpage but it is spaced for some reason in IE but not in firefox.
Why is this?
_________________________________________________________________________________________________________________________________________________
My other question is how do i get two lines around my content box?
Firstly, ive made a simple webpage but it is spaced for some reason in IE but not in firefox.

Why is this?
_________________________________________________________________________________________________________________________________________________
My other question is how do i get two lines around my content box?

Code:
<html>
<body>
<!--[if IE]>
<script language="JavaScript" type="text/javascript">
alert("It appears you are using Internet Explorer, this website is best viewed in Mozilla Firefox.");
</script>
<![endif]-->
<center>
<table width="760px" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="images\banner.png"/></td>
</tr>
<tr>
<td width="196px"><img src="images\buttons\button_home.png"/>
</td>
<td width="564px">
<font face="arial">Content goes here</font></td>
</tr >
<tr>
<td width="196px"><img src="images\buttons\button_planning.png"/>
</td >
<tr>
<td width="196px"><img src="images\buttons\button_logo.png"/>
</td>
<tr>
<td width="196px"><img src="images\buttons\button_flyer.png"/>
</td>
<tr>
<td width="196px"><img src="images\buttons\button_banner.png"/>
</td>
<tr>
<td width="196px"><img src="images\buttons\button_wristband.png"/>
</td>
<tr>
<td width="196px"><img src="images\buttons\button_cdcase.png"/>
</td>
<tr>
<td width="196px"><img src="images\buttons\button_digitalposter.png"/>
</td>
<tr>
<td colspan="2"><br><center>
<HR WIDTH="50%" SIZE="3" NOSHADE>
<font face="arial">Copyright 2007 - Ben Davies<br>This website is best viewed in Firefox</font></center></td>
</tr>
</table>
</center>
</body>
</html>