IE vs Firefox

Olá pessoa!

Eu estou fazendo um site, o meu primeiro feito sem tabelas!

Eu estava arrumando fazendo ele e visualizando no IE 7, ai pensei em testar no firefox, e ai me surpreendo!!

Tudo errado no firefox....

Então arrumei o codigo que ficou de acordo com o firefox, tudo bem, mas ai volto para o IE...

E ai no IE que está tudo bagunçando...

Não sei como resolver isso, vou postar o codigo;

 

@charset "utf-8";

/ CSS Document /

body {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 10px
;
	background-color: #9C0;
	background-image: url(fundo_site2.jpg);
	background-position: right center;
	background-repeat:repeat-x;

}

#site {

 width: 724px;
 margin:auto;
 background-color: #FFFFFF

 }

#topo {
background-color:#0066CC;
height:219px; background-image:url(images/topo.jpg);

width:724px;}

#conteudo {
padding:25px;
margin:20px;
margin-right:-33px;
margin-left:60px;
width:674px;
background-color:#FFFFFF;

float:right; }

#box1 { background-image:url(images/box1.jpg);
width:524px;
height:177px;

}

#title_box1 {padding:5px;
margin:auto;
margin-left:20px;

}

#rodape {
background-color:#666666;
height:30px;

clear:both; }

#menu {
	padding:10px;
	width:679px;
	height:37px; margin-left:2px;

}

#menu ul {

padding:0px;
margin:0px;
float: left;
width: 100%;
background-color:#EDEDED;

 }

#menu ul li{ font-family:Arial, Helvetica, sans-serif;
font-size:14px;
display: inline;

font-style:inherit
}

#menu ul li a { font-family:Arial, Helvetica, sans-serif;
color: #006699;
background: #99CC00;
text-decoration:none;
padding:5px 10px;
margin-left:1px;

}

#menu ul li a:hover{

color: #006699;
background: #333333;
}

Obrigado pela atenção de todos aguardo uma ajudinha http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

abraço