Duda con div e imagen

[Le0]

Con imagen no quiero, ya que lo quiero práctico y que se pueda utilizar en mucho sitios y la posición absolute no me sirve ya que aparecerá en varios sitios de la página.

He conseguido hacerlo más o menos el problema es que con Firefox se ve bien pero con IE no y no se cual puede ser el motivo.

Código:

h1{	
	background-image: url("../Titulo.png");
	background-repeat:repeat-x;
	color:#e6e6e7;	
	padding:4px;
	font-size:24px;
	margin:0px auto 0px auto;
	text-align:center;
	line-height:normal;
}

#barra {
	border: #0f3567 solid 2px;
	width: 500px;
	margin: auto 100px auto 99px;	
}

#con_imagen{
	width: 550px;
	height: 90px;		
	border: #ffffff solid 1px;
	margin: auto 75px auto 75px;
}

#con_imagen #barra {
	margin:	25px auto auto auto;
}
	
#con_imagen #barra h1{
	padding-right: 60px;
}

#con_imagen img{
	float: left;
}

Código:

<div id="con_imagen"><img src="../libro.png" alt="Sumario"/><div id="barra">
  <h1>Titulo Principal Con Imagen</h1>
</div></div>