[Resolvido] Renderização do IE e Firefox

vou colocar o código abaixo e gostaria que me explicassem o porque da diferença entre um browser e outro e como arrumar esta diferença.

<style type="text/css">
<!--
*{

 margin: 0px;
 padding: 0px;
}
#portfolio {
 background: #9999FF;
 padding: 10px;
 width: 720px;
 height:auto;
}

#portfolio #coment {

 height: 90px;
 width: 200px;
 left: 10px;
 top: 10px;
 float: left;
 background: #CC0000;
 margin-right: 10px;
 margin-bottom: 10px;
 padding-top: 10px;
 padding-left: 10px;
}

#portfolio #fotoMini {

 background: #999999;
 height: 100px;
 width: 130px;
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

-->

</style>

<div id="portfolio">
 <div id="coment">.</div>
	<div id="fotoMini">.</div>

	<div id="coment">.</div>
	<div id="fotoMini">.</div>

	<div id="coment">.</div>
	<div id="fotoMini">.</div>

	<div id="coment">.</div>
	<div id="fotoMini">.</div>
</div>