ciao, mi rivolgo dinuovo a voi con un piccolo problemino...
sto cercando di far si che appaia un suggerimento su determinati link con questo script sono riuscito a fare quello che volevo ottenere... solo che non funziona sempre.... in questa pagina trovate lo script
http://www.nihills.net/od/site/index.php
sotto le notizie se si mette il mouse sulle icone grigie come questa appare il blocco con relativa animazione... ma se si va sulla stessa icona della colonna a destra non succede nulla
sapreste dirmi come fixare o da cosa è generato questo problema?

riporto gli script
codice:
<style type="text/css">
div.bubble { background: #999; border:1px solid #CCC; width: 100px; height: 49px; position: absolute; top: -70px;left: -50px; text-align: center; z-index: 2; display: none; color:#FFF;
}
</style>

<script type="text/javascript">
$(document).ready(function(){
$("a#bubble").hover(function() {
	holder = $(document.createElement("div"));
	holder.attr("class", "bubble");
	text = $(this).attr("title");
	holder.html(text);
	$(this).append(holder);
	holder.stop(true, true).animate({opacity: "show", top: "-60"}, "slow");
}, function() {
	holder.animate({opacity: "hide", top: "-70"}, "fast");
});
});
</script>
l'html che richiama le bubble è: ed ovunque è uguale
codice:
<a class="add-gl" id="bubble" title="Aggiungi alla Gamelist"></a><a class="add-wl" id="bubble" title="Aggiungi alla Wishlist"></a><a class="add-np" id="bubble" title="Imposta come gioco che sto giocando"></a>