title: letting absoltuely positioned area grow
body: <p>Please see this page for reference: <a href="http://yourcityheating.ca/website/service/services-overview/" rel="nofollow">test page</a></p>
  
  <p>I am designing a site that has a sidebar that contains an accordion style vertical nav bar.  The sidebar which contains this accordion is absolutely positioned, relative to the container that holds it. I did this so the sidebar would stay sticky to the top, bottom, and side.</p>
  
  <p>When you click the products button, the accordion expands well past the container, overflowing into the footer. If I floated the sidebar to the left, it would grow to accommodate the entire sidebar, but it wouldn't be sticky to the bottom of the container by default.</p>
  
  <p>I need a solution that allows the sidebar to be absolutely positioned, and allow growth if the accordion expands. Any Ideas? Jquery solution perhaps?</p>