Condizioni:

  1. Un <ul> dentro un contenitore con layout
  2. Ogni <li> contiene un <a> con display block e layout (indispensabile per hover su intera area.)

Risultato: C’è spazio verticale di qualche pixel tra gli <li>. Non sempre, variable con font (family & size) e con line-height. Il problema è piú grave (e costante) con IE5.0.

L’extra spazio NON sparisce eliminando tutto il white space tra gli <li>.

L’extra spazio sparisce con <li> display:inline.

Assenza contenitore, layout su <ul> (e <li>) cambiano qualcosa, ma non risolvono.

No contenitore, layout su <ul>, <li> inline, OK.

Nota: Anche Gecko lascia talvolta 1px tra gli <li>, ma è un rounding error.

CSS tests home