Brauche Hilfe bei fixierter Menüleiste!

[katey01]

Ich möchte eine fixierte Menüleiste haben die beim scrollen mitläuft, das Problem ist das der Inhalt darunter immer nach oben verschoben wird bzw ein Teil davon verdeckt wird..

* {
padding:0px;
margin:0px;
}

#Menueleiste {
background-color: #FFCC99;
height: 30px;
width: 100%;
position: fixed;
margin-right: auto;
margin-left: auto;
}

#Inhalt {
height: 900px;
width: 960px;
margin-right: auto;
margin-left: auto;
background-color: #CCCCFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

<div id="Menueleiste">Hier befindet sich die Menüleiste</div>

<div id="Inhalt">RHier kommt der Inhalt rein</div>

Ich habe schon alles möglich versucht und einige Seiten durchforstet, leider ohne Erfolg.
Kann mir jemand helfen?

LG katey01

 

[AzRaIL]

dem #Inhalt padding-top geben.

 

[katey01]

dem #Inhalt padding-top geben.

das ginge zwar aber das löst nicht das Problem, der Sinn davon soll ja sein das der Inhalt Container nicht unter das Menü rutscht, padding-top versetzt nur den beinhalteten Text ein Stück

 

[AzRaIL]

Ich verstehe nicht ganz wie du dir das Endprodukt vorstellst.
Was soll denn mit dem Inhalt passieren wenn du scrollst?