title: CSS: Fix div position
body: <p>I tried to fix <strong>response</strong> div position fixed:
  HTML is:</p>
  
  <pre><code>&lt;div id="response"&gt;
  &lt;table width="100%" cellspacing="5" style="background-image:url(images/bg.gif); background-repeat:no-repeat; width:100%;"&gt;
      &lt;tr&gt;
          &lt;td class="clock" colspan="2"&gt;&lt;?php include'scripts/clock.html'; ?&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;img src="images/map.gif" border="0" usemap="#Msj_Map" alt="map" class="map" /&gt;
  &lt;map name="Msj_Map" id="Msj_Map"&gt;   
      &lt;area id="8" shape="poly" coords="436,141,486,141,486,207,436,206" /&gt;
      &lt;area id="1" shape="poly" coords="163,148,163,170,159,170" /&gt;
      &lt;area id="2" shape="poly" coords="163,207,153,207,159,173,163,173" /&gt;
      &lt;area id="189" shape="poly" coords="198,281,199,307,161,307,161,282" /&gt;
      &lt;area id="190" shape="poly" coords="198,309,199,333,161,334,161,309" /&gt;
      &lt;area id="165" shape="poly" coords="540,230,570,230,577,236,577,271,540,271" /&gt;
      &lt;area id="40" shape="poly" coords="384,1156,419,1156,419,1180,383,1180" /&gt;
      &lt;area id="39" shape="poly" coords="422,1156,458,1156,458,1180,422,1181" /&gt;
      &lt;area id="54" shape="poly" coords="321,1109,353,1109,359,1116,360,1159,321,1159" /&gt;
      &lt;area id="29" shape="poly" coords="356,1235,387,1235,387,1274,356,1274" /&gt;
      &lt;area id="22" shape="poly" coords="390,1277,457,1277,457,1311,453,1315,390,1315" /&gt;
      &lt;area id="23" shape="poly" coords="321,1277,387,1277,387,1315,321,1315" /&gt;
      &lt;area id="24" shape="poly" coords="319,1277,319,1316,252,1316,252,1277" /&gt;
  &lt;/map&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>like <a href="http://www.noobcube.com/wp-content/uploads/demos/062709-fixed-header-footer/demo/" rel="nofollow">http://www.noobcube.com/wp-content/uploads/demos/062709-fixed-header-footer/demo/</a>
  I used its logic but during implementation I found that <code>&lt;map&gt;</code> tag does not play its part with other elements because <code>&lt;map&gt;</code> draws just over an image and therefore does not support <code>overflow:scroll</code>. But <code>&lt;map&gt;</code> is the key element in my code.</p>
  
  <p>May be there is some other solution to fix it.</p>