menu not lining up correctly in FF or Safari

This seems like a simple menu issue but I can't figure out whats wrong except my menu is shifted to the right on FF and Safari(pc).

http://dev-lavely.virtualhorizons.com/services.htm

css code:

#menu {		
	margin:64px 18px 0px 0px; /*top-right-bottom-left*/ 
	
}

#menu ul {	
	margin:0px 0px;
}

#menu li {
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight: bold; 
	text-align: center;	
	list-style-type:none; 
	line-height: 25px;
	width:158px; 
	height:26px;	
	margin:0px 0px 0px 0px;
}

#menu a {	 
	display:block; 
	width:158px; 
	height:26px; 	
	color:#fff; 	 
	text-decoration:none;
}

#menu a:visited {	
	display:block; 
	width:158px; 
	height:26px;
	color:#fff;
	text-decoration:none;
}

#menu a:hover {
	color:#fff; 
	background-color:#000; 	
	text-decoration:none;
}

.active{
	color:#fff; 
	background-color:#000;
}

Code (markup):

html:

<div id="products_bg">
		 <!-- side menu -->
			<div id="menu">
				<ul>
					<li class="active"><a href="firewalls.htm" title="">Firewalls</a></li>
					<li><a href="sPrinting.htm" title="">Simplify Printing v.3</a></li>
					<li><a href="sDesktop.htm" title="">Simplify Desktop</a></li>
					<li><a href="antivirus.htm" title="">Antivirus</a></li>					
				</ul>
			</div>
		<!-- end side menu-->		 
		 </div>

Code (markup):

 

your menu showing in left in FireFox !!
can you explain more about problem ?

 

Well, I think a lot of your problem is there's just TOO MUCH CODE on that page for what you are doing... I'd chuck ALL of that javascript in the trash since it's unneeded... Though the page you linked to and the code you posted seem to have NOTHING to do with each-other.

Are you sure you linked us to the right page?

 

On my Mac, the menu lines up nicely on the left in both Firefox and Safari.