title: Bottom of page gets cut off in Safari
body: <p>I can't figure out why this page: <a href="http://wohf.squarespace.com/newsletter/" rel="nofollow noreferrer">http://wohf.squarespace.com/newsletter/</a> gets cut off at the bottom in safari, seems to work fine in all other browsers (as far as I found so far)!!</p>
  
  <p>I am using some jquery and css for the sidebar and the content to match heights and for the canvas to run top to bottom with the footer always at the very bottom of the page. everything is working (as far as I can tell so far) on the rest of the site, the problem is only on this newsletter page and only in safari.</p>
  
  <p>Can anyone see the problem?</p>
  
  <p>Here is the jQuery I am using:</p>
  
  <pre><code>    //***************************************
      // Position Elements on Newsletter Page
      //***************************************
      // Clear previously specified heights
      $("#modulePage6177253, #modulePage6177253 #canvasWrapper, #modulePage6177253 #canvas").height('auto');
  
      $("#moduleContentWrapper6177535").insertBefore("#modulePage6177253 #pageBodyWrapper");
      $("#moduleContentWrapper6177544").appendTo("#modulePage6177253 #pageFooterWrapper");
      $("#modulePage6177253 #pageFooterWrapper").insertAfter("#modulePage6177253 #canvasWrapper");
  
      equalHeight($("#modulePage6177253 #sidebar1, #modulePage6177253 #content"));
      equalHeight($("#modulePage6177253, #modulePage6177253 #canvasWrapper, #modulePage6177253 #canvas"));
  
      $("#modulePage6177253 #canvasWrapper").css("margin-bottom", "-100px");
  
  function equalHeight(group) {
     tallest = 0;
     group.each(function() {
        thisHeight = $(this).height();
        if(thisHeight &gt; tallest) {
           tallest = thisHeight;
        }
     });
     group.height(tallest);
  }
  </code></pre>