Internet Explorer è pieno di Bug, lo sappiamo, ma questo è veramente fastidioso. Quando creiamo delle liste, IE, inserisce sempre uno spazio tra un’elemento e l’altro.

Ma per fortuna questo bug si può ovviare facilmente, vediamo come.
In una normale lista, noi scriveremo questo codice:

<ul id="globalNav">
	<li>Index</li>
	<li>Page One</li>
	<li>Page Two</li>
</ul>

Ma IE, poco furbamente, non si rende conto che non ci devono essere spazi tra un’elemento <li> e l’altro. E qual’è il risultato? Una lista spezzata.
Magari abbiamo perso ore per inventarci una navigazione bella e semplice ed arriva IE che in due minuti distrugge tutto..

Ma niente paura, questo bug è risolvibile in un modo veramente semplice.

In realtà ci sono due metodi per risolverlo, vediamoli:

<ul id="globalNav"><li>Index</li><li>Page One</li>
<li>Page Two</li></ul>

Adesso, io ho creato due righe, ma in realtà sarebbe una sola riga. Quindi il concetto è semplice, togliere tutti i ritorni a capo e tutti gli spazi tra gli elementi della lista.

Questa tecnica è semplice e veloce, però è particolarmente noiosa e poco elegante in caso le nostre liste siano grandi e con dei link (proprio come i menu).

Allora conviene usare un’altra tecnica:

<ul id="globalNav"
	><li>Index</li
	><li>Page One</li
	><li>Page Two</li
></ul>

Come si nota da qui sopra, ogni elemento viene chiuso esattamente nella riga sottostante. In questo modo non ci sono spazi reali tra un <li> e l’altro e il nostro codice rimane elegantemente leggibile.