DIV Flutuante

Boas pessoal estou aqui a luta com um div flutuante,

esta div esta dentro de um conjunto de div's mas percisa de ficar sobre elas, mas se esta for maior que o outro conjunto fica maior ficam umas imagens para se perceber melhor xD

Entao fica assim

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.imagens.xoose.pt/images/fbxrro0c2d1sk1tt1ul.jpg&key=3f45205bf9f33435667141a25e9814f36c54c171f638e461a3c104a76a6de8f0" alt="Imagem Postada" />

Em vez de ficar assim

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.imagens.xoose.pt/images/4xa29pmhckahixc4e9it.jpg&key=2906db5cc2d127404a82e665b1be3ee391043b5e2d44f6f40239861e4a047b5f" alt="Imagem Postada" />

O meu codigo css das div's

#conteudo #coluna_1 #first_noticia {

	margin-bottom: 10px;
}

#conteudo #coluna_1 #first_noticia #imagem {

	position: absolute;
	visibility: inherit;
	z-index: 1;
	height: 148px;
	width: 200px;
	overflow: visible;
	margin-top: 10px;
	margin-left: 10px;
}

#conteudo #coluna_1 #first_noticia #topo {

	background-image: url(images/meio/destaque_topo.png);
	height: 51px;
}

#conteudo #coluna_1 #first_noticia #topo .titulo {

	background-image: url(images/meio/barra_destaque.jpg);
	height: 18px;
	width: 385px;
	float: right;
	margin-right: 10px;
	margin-top: 15px;
	padding-top: 4px;
	padding-left: 9px;
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	padding-right: 6px;
}

#conteudo #coluna_1 #first_noticia #meio {

	background-image: url(images/meio/destaque_meio.png);
	background-repeat: repeat-y;
}

#conteudo #coluna_1 #first_noticia #meio .texto {

	width: 405px;
	padding-left: 220px;
	padding-right: 5px;
}

#conteudo #coluna_1 #first_noticia #footer {

	background-image: url(images/meio/destaque_footer.png);
	background-repeat: no-repeat;
	height: 27px;
	padding-right: 20px;
}

e o codigo HTML

<div id="first_noticia">
 <div id="imagem"><img src="images/index_66.png" width="200" height="148" /></div>
 <div id="topo">
 <div class="titulo">
 <div style="width:275px; float:left; font-family:'Arial Black', Gadget, sans-serif; font-size:12px; margin-top: -1px;">Britney em Grande</div>
 <div align="right">Comentários(1130)</div>
 </div>
 </div>
 <div id="meio">
 <div class="texto">teste</div>
 </div>
 <div id="footer"><img src="images/meio/btw_lermais.jpg" alt="Ler Mais" width="98" height="19" align="right" /></div>
 </div>

Sera que da para me ajudar?

Cumps