Duda con div e imagen

[Le0]

Buenas tengo dos div uno dentro de otro y el de atras contiene una imagen que quiero que se superponga sobre el otro div, pero sólo la imagén no todo el div:

Pongo aqui el enlace de la image (sustituir la "phht" por "http") -> phht://img186.imageshack.us/img186/8903/aaaaro.png

El codigo que tengo es el siguiente:

Stilo:

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;
}

#con_imagen{
	width: 550px;
	height: 90px;
	background-image: url(../libro.png);
	background-repeat: no-repeat;	
	border: #ffffff solid 1px;
}

#con_imagen #barra {
	margin:	25px auto 25px auto;
}

En el body:

Código:

<div id="con_imagen"><div id="barra"><h1>Prueba Titulo Principal</h1></div></div>