title: css position:fixed overflow:auto
body: <p>I want to put a div at the bottom of the page, and set it's width to 960px, in the center of the page, the min distence to the left border is 170px. this is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;style type="text/css"&gt;
  body{width:100%;height:100%;}
  *{padding:0;margin:0;}
  #wrap{position:fixed;margin:0 auto;margin-left:170px;width:960px;overflow:auto;bottom:0;height:100px;}
  &lt;/style&gt;
  &lt;body&gt;
  &lt;div id="wrap"&gt;
  test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test&amp;nbsp;test
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But when the screen width is 1024, the <code>div#wrap</code> has no scroll and the right part is not displaying. How do I fix it?</p>