[CSS] <div> hinter <ul> Positionieren

[Zuyas]

Hallo, ich habe folgendes Problem:

<div id="menu-box">
      <ul id="menu">
        <li class="menu-item"><a href="#Name1" id="Name1" class="active">Name1</a></li>
        <li class="menu-item"><a href="#Name2" id="Name2">Name2</a></li>
        <li class="menu-item"><a href="#Name3" id="Name3">Name3</a></li>
      </ul>
      <div id="menu-top-active"></div>
    </div>

"menu-box" soll auf der Seite zentriert sein und overflow hidden haben.
"menu-top-active" hat ein Hintergrundbild, welches mit js verschoben wird. Es soll aber hinter "menu" sein (damit wird das aktive Element angezeigt). Das mit dem js ist kein Problem, nur den CSS teil bekomme ich nicht hin, da "menu-top-active" z.b. nicht auf das overflow:hidden achtet oder nicht relativ zum "menu-box" positioniert ist (welches ja zentriert auf der Seite ist).
Welche CSS-Definitionen brauchen die Klassen/IDs damit es so funktioniert? Also z.b. welche display: oder position: Definitionen?

lg Zuyas

[Kóyaánasqatsi]

Man könnte dir schneller helfen, wenn du deinen bisherigen (gesamten) Code zeigen würdest. Oder am Besten direkt ein Example auf jsfiddle.net erstellen.

[Zuyas]

http://zuyas.de/beta/
Es handelt sich um das Menü oben mittig.

lg Zuyas

[Zuyas]

Habe es selber hinbekommen, habe "menu-top-active" position:relative; gegeben und "menu" position:fixed;

lg Zuyas