Ho risolto in parte facendo così

var scrollOpts = {duration:1000,
initialize:function() {this.element.setStyle('top','80px');}};

var scrollUp = new Fx.ScrollOut('info', scrollOpts);

$('pic').addEvents({
'mouseenter' : function(){
scrollUp.cancel();
scrollUp.start('reset');
},
'mouseleave' : function(){
scrollUp.cancel();
scrollUp.start('down');
}
});

Ma ancora ho un "piccolo" problema...in Firefox il div si vede a più a sinistra in IE a destra...
come mai???

di seguito riporto i CSS di "info"

div#info{ border:1px solid White; float:left; display:inline;
margin:16px 0 0 0px; /*padding-bottom:20px;*/ height:80px;
}

Grazie