im currently having problems coding a layout for a job that i have been given
the lower navigation bar is out of site in both ie and firefox i would greatly appreciate it if someone helped

here is the code

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=us-ascii" />
    <meta name="description" content="Einformer.net Your #1 D'awa center!" />
    <meta name="keywords" content="einformer.net, internet informer, islam informer, islam, islamic information, islam help, what is islam?, islam, muslims, muslim community, muslim help, muslim knowledge, muslim info, quran, ahadith, zikr, prophet mohammed, prophet muhammed, muslim forum, about islam" />
    <meta name="Designer" content="Khaled Ramadan" />
    <link rel="stylesheet" type="text/css" href="" />
    <title>Einformer.net | Home</title>
    <meta name="author" content="Alaa Last name" />
    <style type="text/css">
    /*<![CDATA[*/
    body{
    	background: url(images/bg.gif) repeat-x;
		margin: 60px 250px 0;
		font-size: 62.5%;
	  	font-family: Verdana,Tahoma,Arial,sans-serif;

    }
    #wrapper_top{
		position: fixed;
    	background: url(images/wrap_top.png) no-repeat;
    	width: 695px;
    	height: 9px;
		margin: 0px 40px -1px;
    	padding: 0 15px 0;
    	overflow: hidden;
	}
    #wrapper{
    	position: fixed;
    	background: url(images/bg2.png) repeat-y;
    	width: 695px;
		margin: 9.5px 40px 0px ; margin: 9px 40px 0px !important;
    	padding: 0 15px 0;
    	overflow: hidden;

    }
    #header{

		width: 664px;
		height: 130px;
		background: url(images/header.gif) no-repeat;
		margin: 0px;
	}
	#nav{

		width:664px ;
		height: 30px;
	}
	#content{
	
		width: 664px;
		padding: 5px;
	}
	#sidebar{
		width: 190px;
		float: left;
		background: url(images/sidebar.gif) no-repeat;
	}
	#nav_box_s{
		width: 186px;
		height: 30px;
		background: url(images/news_top.gif) no-repeat;
		padding: 12px 5px 0px 50px;
		color: white;
		font-weight: bold;
	}
	#nav_box_c{
		width: 186px;
		background: url(images/nav_cont.png) repeat-y;
		margin-top: -12px;
		padding: 5px 5px 5px 10px
	}
	#nav_box_e{
		width: 186px;
		height: 30px;
		background: url(images/nav_bot.gif) no-repeat;
		margin-left: -1px;
	}
	#content_box{
		margin-left: 190px;
		color: white;
		
	}
	#login{
		width: 440px;
		height: 189px;
		background: url(images/news_bg.png) no-repeat;
		padding: 20px 10px 20px 15px;
	}
	#lower_nav{
		width:664px ;
		height: 30px;

	}
	input:active{
		background: #4a6b48;
	}
	#login .theInput {
     font-family: Verdana;
     font-size: 11px;
     width: 110px;
     margin-right: 5px;
    }

    #login .theSubmit {
     font-family: Verdana;
      font-size: 10px;
      background-color: #333333;
     color: #FFFFFF;
     margin-right: 5px;
    }
	
    /*]]>*/
    </style></head><body>
<!-- Body Wrapper/container -->
<div id="wrapper_top">
</div>
<div id="wrapper">
<!-- Body Wrapper/container -->
<div id="header"></div>
<!-- Nav -->
<div id="nav"><img src="images/nav.gif" alt="" usemap="#navigation_Map" border="0" height="29" width="664"></div>
<!-- Content -->
<div id="content">
<div id="sidebar"><div id="nav_box_s">Navigation</div><div id="nav_box_c"><ul><li>Home</li><li>Forum</li><li>Blog</li><li>Register</li><li>Members Login</li><li>Downloads</li><li>Gallery</li><li>About</li><li>Contact</li></ul></div><div id="nav_box_e"></div></div>
<div id="content_box"><div id="login"><form method="POST" target="login.php" enctype="text/plain">
Quick Login:<br />
Username: <input type="text" name="username" align="right" style="width: 124px; height: 10px;" /><br />
Password: &nbsp; <input type="password" name="password" align="right" style="width: 124px; height: 10px;"/><br />
<br /><input type="image" src="images/login.png" style="border: 0;" align="center" /><br />
<a href="register.php">Not a member? Register Now!</a>
</form></div></div>
</div>
<div id="lower_nav">
<img src="images/bottom_nav.gif" width="664" height="27" border="0" alt="" usemap="#navigation_Map1">
</div>
</div>


<map name="navigation_Map"><area shape="rect" alt="Contact Us Today!" coords="524,0,608,27" href="contact.php"><area shape="rect" alt="about us" coords="460,0,524,28" href="about.php"><area shape="rect" alt="Einformer's Blog" coords="405,0,460,28" href="blog"><area shape="rect" alt="Einformer's Islamic Gallery!" coords="328,0,405,28" href="gallery"><area shape="rect" alt="Members Login" coords="269,0,328,29" href="login.php"><area shape="rect" alt="Register Today!" coords="185,0,269,28" href="register.php"><area shape="rect" alt="Einformer Forum Home" coords="116,0,185,29" href="forum"><area shape="rect" alt="Homepage" coords="53,0,116,28" href="index.php">
</map>

<map name="navigation_Map1">
<area shape="rect" alt="Coming Soon!" coords="393,0,550,26" href="#">
<area shape="rect" alt="Einformer.net" coords="266,0,393,26" href="http://www.einformer.net">
</map>
</body>
</html>