title: How do I set a div element's position fixed AND relative?
body: <p>I would like to set a position fixed and relative.  I have a large div for all my content.  When i set the position of div inside to relative it aligns to the left of my content div.  when i change that position to fixed it aligns to my browser side. I have been told that there is no css solution, but is there any other way. </p>
  
  <p>basically im trying to get the same effect as the right hand bar on this website:
  <a href="http://www.nytimes.com/interactive/us/sept-11-reckoning/viewer.html" rel="nofollow">http://www.nytimes.com/interactive/us/sept-11-reckoning/viewer.html</a></p>
  
  <p>Code:</p>
  
  <pre><code> #content{
   width: 1000px;
   margin-right: auto;
    margin-left: auto;
   }
  
    #text{
    position: fixed;
    }
  
  
    &lt;div id='content'&gt;
          &lt;div id='text'&gt;Welcome to the site&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>