title: Text spilling out of div - overflow: auto not working
body: <p>if you go <a href="http://ewsprojects.com/~lyons/new.php" rel="nofollow">here</a> and click on a thumbnail, and then on one of the tags, you'll see my problem. For the tags that have too much text and overfow, it's not putting in a scrollbar. I can't put a fixed width because the first part, the title, varies from one submission to the other. </p>
  
  <p>Here's the css for the part that's supposed to put in the scroll when needed.</p>
  
  <pre><code>#scroll-pane{
  left: -3px;
  position: relative;
  width: 100%;
  overflow: auto;
  font-family:helvetica;
  font-size:11px;
  color:#fff;
  }
  </code></pre>
  
  <p>Any ideas? I'm sure this is an easy question for you guys.</p>
  
  <p>PeeHaa:</p>
  
  <pre><code>(function($) {
      $('#tag_info1').each(function() {
          var container = $(this);
          var total_height = container.height();
          var content_height = parseInt($('span.tag_title', container).outerHeight(true), 10) + parseInt($('span.tag_submission', container).outerHeight(true), 10);
          var p_height = 0;
          p_height+=parseInt($('span.tag_submission_text', container).css('padding-top'), 10);
          p_height+=parseInt($('span.tag_submission_text', container).css('padding-bottom'), 10);        
          p_height+=parseInt($('span.tag_submission_text', container).css('margin-top'), 10);
          p_height+=parseInt($('span.tag_submission_text', container).css('margin-bottom'), 10);  
          p_height+=parseInt($('span.tag_submission_text', container).css('borderTopWidth'), 10);
          p_height+=parseInt($('span.tag_submission_text', container).css('borderBottomWidth'), 10);
  
          $('span.tag_submission_text', this).height(total_height-content_height-p_height);
      });
  })(jQuery);
  </code></pre>
  
  <p>Tried to get it to work with mine, but to no avail :(</p>