Placer une bulle cartoon sur une photo

Salut,

J'ai un blocage sur la mise en page d'un petit effet cartoon sur un trombinoscope, je voudrais mettre une bulle au survol d'une photo avec un petit texte bien sur.

Voic le code xHTML

<div id="trombi">
<a href="Trombinoscope.php?id=">
<img src="../Photos/1.jpg" />
<div class="bulle">Bla bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla  bla bla ...<br /> 
<span class="right">
<strong>Machin et machine</strong>
</span>
</div>
</a>
</div>

et le css

#trombi img {
	margin: 5px;
	padding: 5px;
	background-color: #f60;
	border: 1px solid #C60;
}
#trombi a div.bulle {
	display: none;
	background: url("/Design/bulle.png") left top no-repeat;
	padding: 10px 15px 88px 10px;
	/*margin: 0 0 450px -50px;*/
	width: 375px;
	height: 300px;
}
#trombi a:hover div.bulle {
	display: block;
	position: absolute;
	left: 500px;
	bottom: 150px;
	z-index: 10;
}
.right {
	float: right;
}

Modifié par webserviteur (13 Dec 2008 - 11:30)

Vraiment personne ??