Kan man centrere disse menupunkter i kasserne

Du skulle bare angive width:200px; på overst og skygge.

I øvrigt kan du helt spare dine z-indexes væk, hvis du bare bytter om på rækkefølgen af overst- og skygge-div'erne.
******************************************
<html>
<head></head>
<body>

<style>
.wrapper {
    background : #cc0000;
    float : left;
    width : 200px;
    height : 40px;
    border-right : 1px solid #fff;
}
.wrapper-center {
    position : relative;
    margin : 0 auto;
}
.overst {
    position : absolute;
    width : 200px;
    top : 4px;
    left : 5px;
    color : #fff;
    text-align:center;
}
.skygge {
    position : absolute;
    width : 200px;
    top : 5px;
    left : 5px;
    color : #000;
    text-align:center;
}
</style>

<div class="wrapper">
    <div class="wrapper-center">
        <div class="skygge">Hej med dig</div>
        <div class="overst">Hej med dig</div>
    </div>
</div>

<div class="wrapper">
    <div class="wrapper-center">
        <div class="skygge">Hej igen</div>
        <div class="overst">Hej igen</div>
    </div>
</div>

<div class="wrapper">
    <div class="wrapper-center">
        <div class="skygge">Hej med dig</div>
        <div class="overst">Hej med dig</div>
    </div>
</div>

<div class="wrapper">
    <div class="wrapper-center">
        <div class="skygge">Hej med dig</div>
        <div class="overst">Hej med dig</div>
    </div>
</div>

</body>
</html>

Og jeg er heller ikke sikker på, at din margin : 0 auto; gør nogen forskel på din wrapper-center.

Har lige testet det, og margin : 0 auto; gør ingen forskel i dette tilfælde.

Stort. Ja, jeg har nok siddet og testet lidt for at få dem centreret. Tak for hjælpen :-)

:) Det var så lidt. Og husk lige at acceptere mit svar. Det andet, jeg lagde, fik du afvist. ;)

forkert knap :-)

Takker! :)