Interpretação de Porcentagem

[hideout 0]

Pessoal, estou tendo um problema de diferença de interpretação de porcentagem com o Firefox e IE.

 

Segue o código:

 

 

body{	background: #99CCCC;}*, html, body {	margin: 0;	padding: 0;}#um{	background: #fff;	width: auto;	margin: 0px 160px;	height: 900px;}#dois{	padding-top: 50px;background: #CCFFFF;}#tres{	width: 160px;	height: 180px;	float: left;	background: #CCCC66;}#quatro{	margin-left: 170px;	background: #CCFFCC;	padding-bottom: 20px;	width: auto;}#cinco{	margin-right: 10%;	background: #FF6600;	height: 20px;}

<div id="um">  <h3>1</h3>  <div id="dois">	<h3>2</h3>	<div id="tres"><h3>3</h3></div>	<div id="quatro">	  <h3>4</h3>	  <div id="cinco"><h3>5</h3></div>	</div>  </div></div>

Bom o FF e Opera ao qual testei, baseiam a porcentagem do objeto 5 no valor do width do objeto 4, mas o IE se baseia no objeto 1.

 

Já fiz uma busca sobre isso mas sem sucesso, gostaria de saber se tem como contornar esse problema, se falta algo no código ou foi montado errado ele.

[juan 0]

Aqui também está igual nos dois navegadores (IE e FF) :)

[hideout 0]

Bem, observem o objeto 5 e vejam a diferença pro canto direito, no IE é maior (pelo menos aqui).No layout original vai outro objeto com um alinhamento com porcentagem e a diferença fica bem grande dependendo da resolução.