Décalages avec menu flottant (IE6)

Bonjour,

J'ai dans ma page un menu dans un div avec un float left et le contenu de la page dans un autre div avec une marge à droite.

Sous IE, lorsque je place un élément trop large dans le div du contenu, cet élément se retrouve décalé sous le menu.

J'ai créé une page simplifiée qui reproduit le problème que je rencontre : http://www.esquirolweb.fr/vrac/test.html

Sous IE6, quand la fenêtre est réduite, le tableau se retrouve aligné sous le menu :


Sous Firefox, le tableau est affiché normalement (ou en tout cas, comme je le voudrais) :


Si quelqu'un a une idée sur la manière de résoudre le problème, je suis preneur.

Merci

Bonjour,

La seule solution simple est de faire en sorte que l'élément ne soit pas trop grand.

Et les solutions complexes ?

Je ne peux pas trop raccourcir mes tableaux.

Salut,

Si tu floates aussi ton #content cela règle-t-il ton problème ?

Non.

Par contre mon problème peut se résoudre en fixant une taille à ma page pour qu'elle reste plus large que les tableaux. Je pense donc utiliser min-width et l'émuler pour IE6.