Chcę zrobić dymek 3D,
który będzie działał po najechaniu kursorem na link, obrazek lub inne.

Dymek ma zaokrąglone rogi i cień ( powinien wyglądać jak najbardziej 3D ), w chmurce musi być możliwość swobodnego dodania kodu html, wewnątrz potrzebna jest tabela, lista ze szczegółami.

Narazie mam tak:

[HTML] pobierz, plaintext 
a.Chmurka {
    position: relative;
    text-decoration: none;
}
a.Chmurka .spanChmurka {
    display: none;
    font-size: 11px;
}
a.Chmurka:hover .spanChmurka {
    display: block;
    position: absolute; 
    color: #000;
    text-align: left;
    left: 5px;
    bottom: 90px;
    width: 200px;
}
.divChmurkaTop {
	background-image: url('../grafika/chmurka_top.gif');
	background-repeat: no-repeat;
	height: 12px;	
}
.divChmurkaMiddle {
	background-image: url('../grafika/chmurka_middle.gif');
	background-repeat: repeat-y;	
	background-position: bottom left;
	padding-left: 10px;
	padding-right: 10px;
}
.divChmurkaBottom {
	background-image: url('../grafika/chmurka_bottom.gif');
	background-repeat: no-repeat;
	height: 20px;
}
[HTML] pobierz, plaintext 

Kod i styl działa ok w IE i FF nie jest wyświetlany natomiast w Operze (jest gdzieś pod spodem).

Czy można coś takiego znaleźć, co będzie działać i w Operze?

Ustaw mu z-index, to powinien wyleźć na wierzch.

z-index próbowałem już wcześniej, nie pomogło.
Miało być tylko w css, ale dodałem krótki kod js i jest ok.
Jeśli jest coś takiego dostępne online, prześlijcie linka,
do wglądu ; )