ทำ css แล้วแสดงผลไม่เหมือนกันระหว่าง firefox กับ ie7-8

<div style="width:100%; height:auto; background: #acd14e;" align="center">
<!--------------------------------------------------------------------->	
	<div id="header_pages">
		<div id="header_content1" >
				<div id="logo">
				</div><!--ปิด <div id="logo">-->
				<div>
			            <ul id='menu'>
			                  <li class="button"><a class='current' href='http://' >Home</a></li>
			                  <li class="button"><a href='http://'  >Products</a></li>
			                  <li class="button"><a href='http://'  >Support</a></li>
			                  <li class="button"><a href='http://'  >Contact</a></li>
			             </ul>
		</div><!-- End of Nav Div -->	
		</div><!--ปิด <div id="header_content1" align="left">-->
	</div><!--ปิด <div id="header_pages">-->
<!--------------------------------------------------------------------->	
	<div id="banner">
	  <div id="banner_content1">
		</div><!--ปิด <div id="banner_content1">-->
	</div><!--ปิด <div id="banner">-->
<!--------------------------------------------------------------------->	
	<div id="web_content">
		<div id="body1">Show Body </div>
		<!--ปิด <div id="body1">-->
	</div><!--ปิด <div id="web_content">-->
<!--------------------------------------------------------------------->		
	<div id="footer">
		<div id="footer_content1">
		</div><!--ปิด <div id="footer_content1">-->
	</div><!--ปิด <div id="footer">-->
<!--------------------------------------------------------------------->		
</div><!--ปิด <div style="width:100%; height:auto;" align="center">-->

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Tahoma, Microsoft Sans Serif;
	font-size: 12px;
}

	body, #menu, #banner, #body, #footer {
		margin: 0 auto;
	}
	#header_pages {
		background:#000000; 
		width:100%; 
		height:155px;"
	}
	#header_content1{
		width:900px;
		height: 150px;
	}
	#logo {
		margin: 10px 0 0 0px;
		height: 135px;
		width:180px;
		float:left;
		clear:both;
	}
	#banner{
		background:#acd14e; 
		width:100%; 
		height:308px;"
	}
	#banner_content1 {
		width: 920px;
		height: 308px;
		background: #acd14e;
	}
	#web_content {
		clear:both;
		width:100%;
		margin-top:0px;
		background: #e0f3b1;
	}
	#body1 {
		background: #e0f3b1;
		width:900px;
		height:500px;
		border: 1px solid #FFF;
		color: a6b87e;
	}
	#footer {
		clear:both;
	 	background: #000;
		width:100%;
		height: 80px;
		color:#999999;
	}
	#footer_content1 {
		width:900px;
		height: 77px;
	}
	
/*===========================================================*/

ul#menu
{
	list-style-type:none;
	width:660px;
	position:relative;
	display:block;
	height:30px;
	font-size:14px;
	font-weight:bold;
	font-family: Verdana, Tahoma, Microsoft Sans Serif;
	float: right;	
	margin-top: 120px;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#719428;
	text-decoration:none;
	font-weight:bold;
	padding:8px 15px 0 15px;
}
	
ul#menu li a:hover
{	
	color:#a7c754;
	height:22px;
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	float:left;
	margin:0;
	color:#a7c754;
}