title: IE 6 vs. position:fixed
body: <p>position:fixed that doesn't work for Internet explorer 6. I can't really understand the fixes found on google. I need it to work in IE6, IE7, IE8 &amp; FireFox 3.0.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /&gt;
      &lt;title&gt;Sidebar fixed&lt;/title&gt;
      &lt;style type="text/css"&gt;
      #wrapper {
          position:relative;
          width:900px;
          margin:0 auto 0 auto;
      }
      #sidebar_left {
          position:fixed;
          height:200px;
          width:200px;
          border:1px solid #000;
      }
      #sidebar_right {
          position:fixed;
          height:200px;
          width:200px;
          margin-left:700px;
          border:1px solid #000;
      }
      #content {
          position:absolute;
          height:2000px;
          width:480px;
          margin-left:210px;
          border:1px solid #000;
      }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="wrapper"&gt;
          &lt;div id="sidebar_left"&gt;
              &lt;p&gt;Left sidebar&lt;/p&gt;
          &lt;/div&gt;
          &lt;div id="sidebar_right"&gt;
              &lt;p&gt;Right sidebar&lt;/p&gt;
          &lt;/div&gt;
          &lt;div id="content"&gt;
              &lt;p&gt;This is the content&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>