title: Jquery Spy - vertical auto scrolling of text - how to set dynamic height
body: <p>I am using this code to show latest user comments on my website - Some comments are 1 liners and others are longer.</p>
  
  <p><a href="http://jqueryfordesigners.com/demo/simple-spy.html" rel="nofollow noreferrer">http://jqueryfordesigners.com/demo/simple-spy.html</a></p>
  
  <p>If you look at the source code - the height is set to 90px and overflow is set to hidden</p>
  
  <pre>
  #sidebar li {
      height: 90px;
      overflow: hidden;
  }
  </pre>
  
  <p>Now I want to show the entire text here - so I changed the overflow attribute to visible.</p>
  
  <p>Since the height is set to 90px, if any comment is longer, its overrides the previous entry - meaning you can see the last line of this long entry on top of the previous entry.</p>
  
  <p>This happens only in IE browser - in chrome - it automatically adjust the height.
  One option I have is to increase the height from 90px to say 130px - but thats not a good solution - because the entry that has only 1 line will have so much blank space and entries that are even longer might still go over the 130px height limit.</p>
  
  <p>I cant change that height attribute to auto or something cos that is being used in the script for creating the scrolling effect.</p>
  
  <p>Is there a way to fix this in IE
  Thanks</p>