title: jQuery Mobile: Fixed side-bar to go with fixed header
body: <p>I'd like to have a vertical split view bar at the left of the page which stays fixed like the <code>data-position="fixed"</code> header bar I have is. </p>
  
  <p>Like in <a href="http://jquerymobile.com/test/docs/toolbars/bars-fixed.html" rel="nofollow">this example</a> (edit: this link now broken) but with the list at the left also fixed, tagging along with the header. </p>
  
  <p>I thought about trying to insert it into the header for it to "inherit" the fixed positioning. Not sure if that would work. </p>
  
  <p>Here are the contents of my stylesheet. </p>
  
  <pre><code>.content-right {
      float: right;
      width: 75%;
  }
  .content-left {
      width: 23%; /* Not 25%: I am not using padding */
  }
  </code></pre>
  
  <p>The <code>.content-right</code> div comes first in the HTML. </p>
  
  <p>What I would also like is for this bar to gracefully slide up if the fixed header gets hidden (via a click) but this is not nearly as important (I can just force the click-hide off for now).</p>