[HTML/CSS] Cross Browser Issues

[!BERZERK!]

I am creating a website layout for a local church with html and css, and i run into problems when i open the page in firefox, or safari...

Here is my code:

<html>
<header>
<title>Fort Saskatchewan Life Church - Home</title>
<style>
div#wrapper {text-align: center;}
div#top {background-image: url(images/Header.png); width: 799px; height: 150px; border-bottom: 2px solid black;}
div#body {background-image: url(images/Body.png); width: 799px; text-align: left; padding-left: 3px; padding-right: 6px; padding-top: 6px;}
div#bottom {background-image: url(images/Bottom.png); width: 799px; height: 55px;}
body {background-image: url(images/bg.png); background-repeat:no-repeat; background-position: top center;}
div#nav {background-image: url(images/body.png); border-bottom: 2px solid black; text-align: center; width: 799px; padding-top: 5px;}
div#sidebar {width: 280px; float: right; padding-right: 5px; padding-left: 7px; border-left: 2px solid black;}
div#content {width: 490px; float: left; padding-right: 5px; padding-left: 5px;}
div#servicetimes {width: 790px; padding-left: 5px; padding-right: 5px;}
</style>
<body bgcolor="#2c699e">
<div id="wrapper"align="Center">
<div id="top"></div>
<div id="nav">
<table border=0>
<tr>
<td>
<a href="index.html"><img src="http://forum.ragezone.com/images/home.png" border=0></a> 
</td>
<td>
<a href="ministries.html"><img src="http://forum.ragezone.com/images/ministries.png" border=0></a> 
</td>
<td>
<a href="interns.html"><img src="http://forum.ragezone.com/images/interns.png" border=0></a> 
</td>
<td>
<a href="media.html"><img src="http://forum.ragezone.com/images/media.png" border=0></a> 
</td>
<td>
<a href="staff.html"><img src="http://forum.ragezone.com/images/staff.png" border=0></a> 
</td>
<td>
<a href="store.html"><img src="http://forum.ragezone.com/images/store.png" border=0></a> 
</td>
<td>
<div style="padding-top: 3px;">
<a href="marketplace.html"><img src="http://forum.ragezone.com/images/marketplace.png" border=0></a> 
</div>
</td>
<td>
<a href="calendar.html"><img src="http://forum.ragezone.com/images/calendar.png" border=0></a> 
</td>
<td>
<a href="contact.html"><img src="http://forum.ragezone.com/images/contact.png" border=0></a> 
</td>
</tr>
</table>
</div>
<div id="body">
<div id="content" style="padding-top: 5px;">
<centeR>
<object width="400" height="150">
<param name="movie" value="flash/flash.swf" border=0>
<embed src="flash/flash.swf" width="400" height="150" style="border: 2px solid black; margin-bottom: 5px;">
</embed>
</object>
</center>
<font size="3" face="verdana" color="white">
<b>What We're About</b><br><br>
</font>
<font size="2" face="verdana" color="white">
<b>Mission:</b> "Living in His presence" is where we at Life Church want to live. Our services are filled with passionate, generational, God - centered worship and preaching. We are a group of "God chasers" consumed with the idea that the Lord wants to transform our city and use His people to bring it about. We are a community of people that love Jesus and value meaningful relationships with a hand of grace extended to those who desire to receive it. If this is your first time visiting, we hope that you will feel at home and cared for...
<br><br>
<b>Vision:</b> “To provide a centre of worship for all people groups of Fort Saskatchewan and area. Where they will worship God, receive and impart to others, the ministry of reconciliation and restoration. To receive and impart the love, the power, and the fruit of His Spirit, and to equip the saints for the work of the ministry”
</font>
</div>
<div id="sidebar">
<font size="4" face="verdana" color="white"><b>Our Mission:</b></font><br><br>

<font size="3" face="verdana" color="white"><b>"Transform Cities & Nations"</b></font><br><Br>

<font size="2" face="verdana" color="white">We accomplish this through allowing the presence of God to live through us and by carrying His presence wherever we go! Through our worship of God, we get to create the atmosphere He loves to dwell in! </font><br>
<center><img src="http://forum.ragezone.com/images/kidssitting.png" style="border: 1px solid black;"></center><br>

<font size="3" face="verdana" color="white"><b>The Time Is Now!..</b></font><br><Br>

<font size="2" face="verdana" color="white">... to believe for healing, and salvation for our community and nation! More will be done as we continue to extend God's grace wherever we go... </font>
</div>
<center>
<table style="margin-top: 30px; border-top: 2px solid black; margin-left: 1px;" align="center">
<Tr>
<td style="padding-top: 17px; padding-left: 5px; padding-right: 5px;">
<font size="2" face="Verdana" color="white">
<u><b>Weekly Schedule</b></u>
</font>
</td>
<td style="padding-top: 17px; padding-left: 5px; padding-right: 5px;">
<font size="2" face="Verdana" color="white">
<u>Sunday's @ 1015 am</u> <br>
Sunday service<br>
Kidz Church 
</font>
</td>
<td style="padding-left: 5px; padding-right: 5px;">
<font size="2" face="Verdana" color="white">
<u>Tuesday's @ 1030 am</u> <br>
Ladies bible study.
</font>
</td>
<td style="padding-left: 5px; padding-right: 5px;">
<font size="2" face="Verdana" color="white">
<u>Wednesday's @ 700 pm</u> <br>
Mid week service.
</font>
</td>
<td style="padding-left: 5px; padding-right: 5px;">
<font size="2" face="Verdana" color="white">
<u>Friday's @ 700 pm</u> <br>
Culture Shock Youth
</font>
</td>
</tr>
</table>
</center> 
</div>
<div id="bottom"></div>
</div>
</body>
</html>

Its kind of messy but i coded it with notepad lol

Here is a screenshot of the page in firefox:
http://fslifechurch.ca/NewLayout/help1.png

Here is a screenshot of the page in IE:
http://fslifechurch.ca/NewLayout/help2.png

A link to the page:
Http://fslifechurch.ca/NewLayout/

 

[s-p-n]

Okay, start by fixing all the validation errors, http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0 so standards-compliant browsers can actually read your mark-up properly.