Coller deux div avec un léger chevauchement

Bonjour à tous!
Je suis nouveau sur ce forum, et ravi d'y participer enfin!

Excusez-moi par avance pour mes termes imprécis....

Je cherche à créer un site HTML/CSS. Mon problème concerne deux div. Celle correspondant au menu de navigation, et l'autre comportant le texte principal.

Mon but est de faire un graphisme style "onglet" ou "intercalaire". Concrètement, voila le problème:

http://www.henri-louis.com

Je voudrais en gros qu'il ressemble à ça, tout en restant bien au centre de l'écran!

http://www.henri-louis.com/Capture.png

Cela suppose un chevauchement d'1px (le menu par dessus le texte) pour cacher la bordure sombre.

Voila! J'ai beau bidouiller et chercher partout, je ne trouve pas!

Merci par avance, bonne journée!
Modifié par Marshmallow (17 Jan 2009 - 17:09)

Bonjour,

Typiquement, ce genre de chose se fera avec le positionnement relatif.

position: relative;
right: -1px;

Peut-être une petite révision sur le positionnement CSS s'impose-t-elle?
Modifié par Florent V. (17 Jan 2009 - 20:58)

Certainement!

En fait j'ai mis les deux div dans une troisième qui a une taille fixe! Je voudrais savoir ce que ça donne sur IE, car je suis sous linux, et je n'ai aucun moyen de vérifer!

Merci!

http://www.henri-louis.com

sous ie6 cela ne fonctionne pas en tout cas ton menu se retrouve sur ton texte..

Zut.... Visiblement avec ie7 aussi d'après un ami...

Vous savez ce qui peut clocher?

Par contre il marche sous FF, Opera, Safari, et j'ai pas encore testé lynx, mais ca devrait pas tarder...

Merci pour les screens! Je pense maintenant qu'il fonctionne sur tous les navigateurs!