Balise <li> et Internet explorer

Bonjour,

Désolé de ne venir ici que pour exposer mes soucis, des que j'aurais acquis un peu plus d'expérience promis je me lance à répondre.

Je ne viens pas totalement les main vide.

J'expérimente un problème avec un menu constitué de 3 colonnes et dans la colonne centrale, de 10 lignes. il s'agit d'un habillage constituée d'images empilées.
Ne souhaitant plus utiliser de <table> j'ai tenté de faire cela en css.

mon architecture est la suivante :

<div id="menu">
<img>une image supérieure</img>
<img class="horizontal">longue bande verticale de gauche</img>
<ul class="horizontal">
    <li class="vertical">element 1</li>
    <li class="vertical">element 2</li>
    . . .
    <li class="vertical">element 10</li>
<ul>
<img class="horizontal">longue bande verticale de droite</img>
</div>

pour le css

#menu
	{
	display: block;
	float: left;
	width: 175px;
	height: 100%;
	}
.horizontal
	{
	display: inline;
	line-height:0; 
	float: left;
	}

.vertical
	{
  display: block;
	}

Et.... quel est le problème au juste ?

A vue de nez, tu utilises 3 éléments mis en inline. Si l'idée n'est pas totalement illogique, je pense que ça va te compliquer la vie, je te conseille plutôt de jeter un oeil à ce tuto et au positionnement flottant.

http://www.alsacreations.com/tuto/lire/588-trois-colonnes-float.html

<doublon>
Suite de la discussion dans ce sujet.