title: Fixed header and footer in mobile version a website
body: <p>I am developing a mobile version of my website which I am testing on my Samsung Galaxy S <strong>android</strong> mobile device running <strong>Froyo (2.2)</strong>.</p>
  
  <p>I would like to , when viewed with the standard internet browser, have a <strong>fixed header</strong> and a <strong>fixed footer</strong> ( which are always visible on screen) with the contents of the pages scrollable in between.</p>
  
  <p>I tried all sorts of combinations with padding of body and the sorts (which seem to work when viewed on a browser on the pc), but can't seem to find a solution.</p>
  
  <p>Can anybody help here ?</p>
  
  <p>Note: if I try something like this :</p>
  
  <pre><code>&lt;div id="header" style="position:absolute; top:0px; left:0px;height:200px;overflow:hidden;"&gt;&lt;/div&gt; 
  &lt;div id="content" style="position:absolute; top:200px; bottom:200px; left:0px;overflow:auto;"&gt;&lt;/div&gt; 
  &lt;div id="footer" style="position:absolute; bottom:0px; height:200px; left:0px;overflow:hidden;"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>Both the header and footer are fixed but the content is not scrollable , e.g. it also appears fixed .</p>
  
  <p>It might be the browser of the Android Froyo 2.2 of course.</p>
  
  <p>Anyone ?</p>