2 zentrierte divs übereinander, aber oberes ist eingerückt

[Ser4phiM]

Hallo selfHTMLler,
Da die SuFu mir nicht half, wende ich mich persönlich an euch. Um die Problem-Beschreibung kurz zu halten, gibts einen kleinen screenshot:
http://img300.imageshack.us/img300/5850/abstandcy1.png
Nun ja, die Frage liegt auf der Hand: Wie entsteht dieser Unterschied?

Folgender CSS-Code:
/* Menues- & content-DIVs */
#menue_links{
width:auto;
float:left;
margin-left:7px;
margin-right:20px;
border:solid 1px #000000;
padding:0.1em;
}
#menue_rechts{
width:auto;
float:right;
margin-right:7px;
margin-left:20px;
border:solid 1px #000000;
padding:0.1em;
}
#content{
width:50%;
min-width:300px;
margin-left:auto;
margin-right:auto;
border:solid 1px #000000;
padding:0.1em;
}

/* Design-Auswahl */
a.design_auswahl{
float:left;
position:absolute; top:3px; left:3px;
border:solid 1px #CCCCCC;
padding:1px;
font-size:12px;
text-decoration:none;
}
a.design_auswahl:hover{border-color:#000000; text-decoration:none;}

/* Zitat */
.rahmen_zitat{
width:50%;
min-width:300px;
position:relative; top:auto; left:auto;
margin-left:auto;
margin-right:auto;
border:solid 1px #CCCCCC;
padding:0.1em;
}
.rahmen_zitat:hover{border-color:#000000; color:#000000;}

Falls mehr Code nötig ist, wird dieser natürlich nachgeliefert. Hoffe, ihr könnt mich über diesen nervigen Effekt (der mal wieder nur beim IE auftritt) aufklären...

Danke im voraus und in dem Sinne,
Ser4phiM