Problema in IE6-7. Muovendo il mouse sui link con hover, i primi di questi scompaiono come se overlappati dal background (viola) di 'ul'. A volte mancano gia' alla prima visualizzazione (con successivi refresh, a volte ci sono, a volte no). Se si muove un'altra finestra sopra i link mentre questi non sono visibili, essi riappaiono. Il problema e' piuttosto debole, sembra richiedere le seguento condizioni:

• hasLayout su 'wrapper'
• assenza di hasLayout su 'ul', 'li', 'a'
• background-color su 'ul'
• padding top e/o bottom su 'li' non zero
• un 'a' deve 'finire' esattamente a 150px dal top della pagina. Nell'esempio ogni 'a' e' alto 26px (padding top + bottom + line-height), ogni 'li' 28px (padding-top). 5 'li' fanno 140px. Il 'wrapper' ha un margin top di 10px. (se ci fosse padding bottom su 'li', l'ultimo non andrebbe considerato).
• una line-height deve essere specificata sugli 'li' o 'a'. font-size e line-height non possono essere qualunque (anche se si rispetta il punto precedente). L'esempio presenta il problema con font-size 16px, line-height: 16px.

a variation of this page, other IE6-7/Win peek-a-boo like problems.

CSS tests home