title: "Pinned-down" menu with flexible horizontal position
body: <p>I am trying to make a pinned down style menu like this:</p>
  
  <p><a href="http://www.w3.org/Style/Examples/007/menus" rel="nofollow">http://www.w3.org/Style/Examples/007/menus</a></p>
  
  <p>Except I want the horizontal positioning to be more flexible.</p>
  
  <p>I know that I can do that having a percentage value in "right:" instead of a constant, but i want the menu to fit snugly in a centered blog layout as the sidebar, which means when the page is resized, the sidebar shouldn't cover the content. Similarly, the box shouldn't spread away from the content if i make the page bigger.</p>
  
  <p>Any way to do this with only css?  If not, perhaps an easy javascript solution?</p>