'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]

[CSS] pobierz, plaintext 
div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:30px;
  background-color: blue;
  z-index: 100000;
 }
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:30px;
  background-color: red;
  z-index: 100000;
 }
[CSS] pobierz, plaintext 

Wywal position, top/bottom i left z głównych styli izastąp je position:relative w media-query dla max:818