'fixed' i min-width: 800px;, czyli nagłówek i stopka + overflow-x:auto; Opcje

[expert]

Witam,

siedzę już parę godzin nad tym i nie mogę nic wykombinować, w sensie jak coś niby działa to nie do końca.

Chodzi mi o to, aby w tym przykładzie: http://limpid.nl/lab/css/fixed/header-and-footer dodać taką opcję, że jak strona zmniejszy się do 800px, to dodaje dolny scrolbar i to co jest w fixed (nagłówek i stopka) przesuwa sie razem z tym scrolbarem.

Wiadomo, że jak się da fixed, to nagłówek i stopka 'wyłażą' z rodzica i są niezależne, wiec fixed nie może być...

Czy da sie coś takiego zrobić? I chcę to zrobić bez js. Sam css.

[prowseed]

Footer bedziesz musial przezucic na dol (pod content) i nadac mu z-index by byl wyzej, niz tresc wlasciwa, a tak poza tym, to

[CSS] pobierz, plaintext 
@media screen and (max-width: 800px) {
  body>div#header{
   position:relative;
  }
body>div#footer{
   position:relative;
  }
}
[CSS] pobierz, plaintext 

a position fixed wywal do @media screen and (min-width: 801px){}

Jak bedziesz mial jeszcze problemy to pisz, zrobilbym to teraz, ale juz troche za pozno, a ja sam lekko podpity- poradzisz sobie mysle, w koncu jestes expert : )