I have created a web site for my paintball team and i'm having trouble. I am rather new at html so please bare with me. The site www.portcitymilitia.150m.com displays just like I want it to in IE. However when you look at this same page in firefox the links and text are below the image unlike IE with it being on the image. Can anyone point me in the right direction. I am trying to get the text and links to lay on the image which I have in a table so that the image will resize no matter what resolution people are using. Heres my code to the above web site.
<html>
<head>
<title>Port City Militia</title>
<meta name="description" content="Port City Paintball Team.">
</head>
<body bgcolor="black" text="white">
<ul>
<p align="center"><font size=3><b>There have been times in history where a few good men have been counted on
to help a cause, outside of the traditional miltary role. This now holds true for paintball.</b></u></p>
<EMBED SRC="speech.mp3" height=2 width=2 autostart=true hidden=true>
<img src="http://www.portcitymilitia.150m.com/background4.JPG" align="right" height="100%" width="100%"><div style="overflow: auto; position: absolute; top: 0px; left: 0px;"></div>
<div align="center"><table width="80%" height="20%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td WIDTH="50%" ALIGN="center"><p><font color="black"><b></b></font></P></td>
<td WIDTH="30%" ALIGN="center"><p><font color="black"><b> We are a band of brothers who meet in Wilmington, NC.<br> We have fun 1st. Winning is a close 2nd. </b></font></P></td>
</tr>
<br><br><br><br><br><br>
<a href="http://dixierangers.14.forumer.com/index.php"><font size=4><font color="black">Militia Forums</font></a>
<br><br>
<a href="pictures.html"><font size=4><font color="black">Event Pictures</font></a>
<br><br>
<a href="awards.html"><font size=4><font color="black">Event Awards</font></a>
<br><br>
<a href="roster.html"><font size=4><font color="black">Team Roster</font></a>
</body>
</html>