Ciao ragazzi...
premettendo che le ho provate tutte.. sono un neofita e non so più dove battere la testa...

http://www.obiproject.com/prova.htm

su quasi tutti i browser principali non dà problemi (a parte su opera che sembra un po' scattoso), mentre su explorer 6 e 7 (sull'8 funziona) il meccanismo si inceppa subito: praticamente funziona al primo rollover e poi basta...

immagino sia un problema del javascript...

qualcuno sa darmi aiuto e/o consiglio?

grazie
magis

Codice PHP:
function init_hover() {
//se l'elemento non esiste non fare nulla
if(!$('#iconbar').length){return;}
//applichiamo l'hover agli elementi della lista
$('#iconbar li')
.css('cursor','pointer') //fa uscire la manina 

.hover(function() {    
$(this).siblings('li') //trova tutti gli elementi li allo stesso livello
.stop() //ferma l'animazione se è in corso
.animate({'opacity':0.5}); //porta l'opacità al 30%

$(this).find("div.sopra").attr({
"style": 'display:inline'
});

$(this).find("div.sopra").animate({opacity: 1, top: "-40"}, {queue:false, duration:400});

$(this).find("div.sotto").attr({
"style": 'display:inline'
});
$(this).find("div.sotto").animate({opacity: 1, top: "115"}, {queue:false, duration:400});

},function(){
$(this).siblings('li') //idem come sopra
.stop() //idem come sopra
.animate({'opacity':1}); //porta l'opacità ad 1

$(this).find("div.sopra").animate({opacity: 0, top: "-30"}, {queue:false, duration:400}, "linear",
function(){
$(this).find("div.sopra").attr({"style": 'display:none'});    
}
);
$(this).find("div.sotto").animate({opacity: 0, top: "105"}, {queue:false, duration:400}, "linear",
function(){
$(this).find("div.sotto").attr({"style": 'display:none'});    
}
);
});
}

$(document).ready(function(){
init_hover(); //fa partire la funzione al caricamento della pagina
});