Pb : afficher plusieurs infobulle diférentes avec mootools

Bonjour !
je dois réaliser un site pour un client et j'ai besoin d'utiliser le plugin tooltips de mootools qui permet de faire de jolies info bulles qui suivent le pointeur de la souris
( http://demos111.mootools.net/Tips ) .

ça fonctionne plutot bien mais je n'arrive pas à créer plusieurs infobulles différentes avec chacune un background css différent ...

voire en ligne :
http://www.portfolio-rk.com/test

je paramètre le background de mon infobulle dans mon css grace à ça :

.tip {
background:url(../info_bulle.png);
width:69px;
height:68px;
}

mais je ne sais pas comment donner un background différent pour chacune de mes infobulles .
Si vous avez une idée merci de m'aider, c'est plutot urgent ^^...

Bonjour,

C'est indiquer dans ton 1er lien...

var Tips4 = new Tips($$('.Tips4'), {
	className: 'custom'
});

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

merci de t'interesser à mon cas !
Pourais tu me donner un exemple simple et concret stp ?
J'ai essayé plusieurs trucs dans cette voix sans succes ...

c'est bon, mon problème est résolu ^^
je m'embrouillai entre les liens css/javascript/html ...