Légé supperposition de div

Bonjour,
j'aimerai pouvoir avoir deux div centré l'une au dessous de l'autre.
mais il faudrait que la 1ere div morde de 1 ou 2 pixel sur la 2éme.
En fait je cherche a mettre des onglets et quand l'un est actif on a l'impression que cela fait parti du bloc inférieur.
Bref, j'ai réussit a le faire sous FF et chrome mais sous IE ça ne fonction pas et vis et versa
Quoiqu'il en soit, je n'y arrive pas .

voici un de mes nombreux test

.sous_menu_main {
	margin: 30px auto 0;
	width: 960px;
}

.sous_menu_1 {
    font-weight: bold;
    float: left;
    height: 41px;
    margin: 0;
    padding: 16px 0 0 20px;
    width: 150px;
}
.sous_menu_2 {
    font-weight: bold;
    float: left;
    height: 41px;
    margin: 0 0 0 3px;
    padding: 16px 0 0 20px;
    width: 150px;
}
.bloc_general_sous_titre {
	background-color: #FFFFFF;
	border: 1px solid #D4D4D4;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px;
	width: 918px;
}

<div class="sous_menu_main">
	<div class="sous_menu_1">
		<a href="page1.php">Coupons</a>
	</div>
	<div class="sous_menu_2">
		<a href="page2.php">Rendez-vous client</a>
	</div>
</div>

<div class="bloc_general_sous_titre">
	bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</div>

merci de vos conseils

Salut,

As-tu essayé de mettre une marge négative de 1 ou 2 px sur l'un ou l'autre des deux blocs ?

j'ai testé plein de truc.
j'ai regardé les tutos. mais là je sèche.

Dsl, un petit UP.
Pouvez vous m'aider svp ?