Drag and drop et div position fixed impossible

Bonjour,

je suis en train de mettre en place un drag and drop dans une partie administrateur d'un site. Le but est de prendre un des noms présent et de le déplacer vers l'image de la poubelle.
Sans utilisation de css pour le positionnement de la div "poubelle", aucun problème, ça me supprime correctement avec le petit message.

Par contre, lorsque dans le css, je mets une position: fixed sur la div poubelle, le drag and drop se fait, mais la suppression et le message ne se fait pas.

J'ai fait des recherches sur google, mais je n'ai rien trouvé concernant ce problème.

le code javascript utilisé provient de script aculous.

<div class="poubelle"><div id="cart"> <img src="img/poubelle.png" /> </div>
	<script type="text/javascript">
		Droppables.add	('cart',{onDrop:function(element,dropon)
								{
								alert( 'Supression abonne numero '+element.id );
								document.getElementById(element.id).style.visibility = "hidden";
								req = new XMLHttpRequest();
								appel="efface.php?id="+element.id;
								req.open("GET",appel , true);
								req.send(null);
								}
						}
					);
</script>
</div>

et voici le bout de CSS concernant cette fameuse poubelle.

.poubelle {
float: left;
width: 150px;

}

Est ce quelqu'un aurait une idée pour passer outre ce problème étant donné que ma liste de noms est assez longue, et donc remonter tout en haut de la page à chaque fois, ce n'est pas du tout pratique...

Merci d'avance pour votre aide.