Blog - Text nicht aus Bildschirm scrollen

    Es geht um diesen Blog:
    http://life-is-awesome.de/

    Ich habe gerade ein bisschen mit CSS herumgespielt und die Sidebar und den Header etc fixiert.
    Dass die eigentlichen Posts erst unter dem Header anfangen, habe ich auch geschafft.

    Meine Frage ist jetzt nur, wie kann ich das machen, dass beim Scrollen der Text nicht nach oben verschoben wird, sondern bei aktuell 145px auch das "Seitenende" ist und der Text dann verschwindet?

    Code aktuell:

    #header
    {
    position:fixed;
    top:40px;
    width:760px;
    }

    #sidebar-left-1
    {
    position:fixed;
    top:220px;
    width:170px;
    }

    #PageList1
    {
    position:fixed;
    top:155px;
    }

    #Blog1
    {
    top:145px;
    }

    PS: funktioniert bei mir nur im IE.. wäre schön, wenn das selbe auch so im FF dargestellt würde.

    DANKE

    Hey,
    also entweder bin ich gerade blöd oder du hast es echt nicht!^^
    Als erstes fehlt bei dir der <body>-Tag und dann sollte es gehen indem du einfach deiner

    Code
    #header
 {
 position:fixed;
 top:40px;
 width:760px;
 }


    noch folgende Atribute vergibst:

    Code
    background-color:#ffffff;
z-index:10;
display:block;


    So hat es zumindest auch bei mir funktioniert. Will aber nicht behaupten das es die beste Variante wäre! ;)

    MfG