Zwei <div> nebeneinander...

[Christoph87]

Hallo,

ich versuche gerade meine Homepage mit CSS zusammenzubauen, um die Barrierefreiheit zu gewährleisten.

Nun habe ich in der Mitte ein div, dass ich wie folgt beschreibe:
#mitte {
margin: 0 auto;
width:528;
font-family:Verdana;
font-size:12;

border-left-width:1;
border-left-style:solid;
border-left-color:#AAAAAA;

border-right-width:1;
border-right-style:solid;
border-right-color:#AAAAAA;
z-index:7;
}

Das ist nun immer in der Mitte zentriert. Nun möchte ich links ein Menü anbauen, sieht bisher so aus:

#menu_links {
position:absolute;
z-index:4;
width:136;
}
Das Menü ist jetzt natürlich noch nicht an den Mittelteil "angeklebt". Wenn ich es aber mit left:123; verschiebe, dann passt das ganze ja nur bei einer bestimmten Fenstergröße.

Wie bekomme ich es hin, dass das Menü immer an dem Mittelteil "klebt"?

[sixfriends]

Wenns nicht anders funktioniert:
Main als Unterobjekt von dem Menü Teil definieren:

<div id="menu_links">menü......
<div id="mitte">.....</div>.....
</div>
und dann das css als

#mitte {
position: relative;
left: 0px;
}