Sostituendo il parametro bottom:0; al precedente top:0; il sottomenu viene correttamente sviluppato dal basso verso l'alto con punto di partenza dove si trova l'immagine per il mouse hover.
Di nuovo tutto perfetto in IE, ma in firefox se sono sopra l'elemento della prima riga il menu viene nuovamente nascosto dal box che lo contiene.
Inizialmente pensavo fosse dovuto ad overflow-y:hidden; ma anche settando overflow-y:visible il problema persiste (come si vede nell'immagine in allegato).
Espandendosi verso l'alto il sottomenu non riesce a sovrapporsi al box padre (come fa invece IE) neppure settando un z-index molto elevato.
Tornando alla soluzione iniziale con il menu che si espande verso il basso e overflow:auto per entrambe le coordinate, posso mantenere il focus sul menu anche facendo scrolling con la rotellina del mouse, ma in una data posizione lo scroll bar verticale appare e scompare rapidamente, creando un effetto "farfallio".
Penso che l'unico modo per risolvere questo problema in Firefox sia davvero "appiccicare" il sotto menu in modo assoluto, ma pensavo (speravo) ci potesse essere una soluzione più profesionale.
Grazie di nuovo Mich
Rispondi quotando