title: How to hide a floating div
body: <p>Right now I have a floating box on the left side of my site that holds a stumble, facebook, twitter share code. </p>
  
  <pre class="lang-css prettyprint-override"><code>#fixmetoo {
      position: absolute;
      right: 30px;
      top: 0px;
  
  }
  #fixme { position: fixed; }
  </code></pre>
  
  <p>It stays put as you scroll but i want it to disappear if the footer is showing. </p>
  
  <p>I have a page that is 960 px wide and the floating box shows great but the footer is 100% wide and the box covers the footer. </p>
  
  <p>so if my footer is 300px tall how can i hide the floating box IF i am less than 300 px from the bottom of the page?</p>