Hey Stefan =)
Also, eigentlich ist das Problem ganz leicht gelöst ;) Du musst nur die Eigenschaft z-index anwenden.
Dein verbesserter Quelltext sieht dann so aus (ich habe nur die Stylesheets verändert).
Einmal das hier:
#navi1, #header
{
height:1.7em;
position:absolute;
top:0px;
z-index:1;
}
#navi2, #content
{
position:absolute;
top:2.2em;
border: 1px dotted #aaa;
background-image:url(ht.gif);
z-index:1;
}
Da ist die Eigenschaft z-index nun enthalten, und das hier musst du auch verändern:
#footer {
height:70px;
width:100%;
background-image:url(bg-gras2.jpg);
background-repeat:repeat-x;
position:absolute;
bottom:0px;
left:0px;
z-index:0;
}
Voila, Content und so weiter ist über dem Footer ;-)
Liebe Grüße
David