Largeur et margin (IE7/FF2)

Bonjour à tous,

J'ai un petit soucis de margin/largeur sur une de mes divs. J'ai repris le tuto d'alsac sur le layout en 5 étapes. La disposition me plaisait bien, j'ai intégré les couleurs par défaut pour un avoir un premier rendu.

Bref, sous Firefox, mon sous menu s'affichait parfaitement avant que je ne m'apperçoive que sous IE, il buggait complètement (mauvaise largeur, margin et padding inexistant, mauvais décalage, ...).

J'ai essayé plusieurs combinaisons avec la div contenu et la div sous menu au niveau des margin & co mais j'ai remarqué que même lorsque j'enleve toute valeur aux paddings et margins des deux divs, la largeur n'est pas la même pour le sous menu.

Bref je m'en sors plus et je vous demande de l'aide sur ce code T_T.

Voici l'url : http://gouaille.fr/petitanjou/

Merci d'avance

Quelque chose que je n'aime pas forcément mais ... "up".

Encore plusieurs heures sans résultat.

En gros et si je ne m'abuse, tu as surtout un problème avec le retrait de gauche de ta liste ul. Un problème très courant, tout simple, et dont la réponse se trouve dans la FAQ du forum, à la rubrique «Décalages, marges, bugs divers».

Avec ces indications ça devrait aider, je pense.

Par ailleurs, la structure HTML choisie pour ce menu n'est pas terrible. On a:

<ul id="sousmenu">
	<li><h3>...</h3></li>
	<li>Le premier item de liste</li>
	<li>Le deuxième item de liste</li>
	<li>...</li>
</ul>

On devrait plutôt avoir:

<div id="sousmenu">
	<h3>...</h3>
	<ul>
		<li>Le premier item de liste</li>
		<li>Le deuxième item de liste</li>
		<li>...</li>
	</ul>
</div>