title: get height of LI using jQuery so news ticker scrolls up the exact amount needed
body: <p>I am using a script from 
  <a href="http://www.yourinspirationweb.com/en/jquery-how-to-create-a-news-ticker-with-just-a-few-javascript-lines/" rel="nofollow">http://www.yourinspirationweb.com/en/jquery-how-to-create-a-news-ticker-with-just-a-few-javascript-lines/</a></p>
  
  <p>which is a great newsticker, designed to scroll up just one article at a time, then append it again at the end in a continuous loop. But the limitation of this script is that the news items in each <li> have to be the same height as eachother, which isn't always possible. </p>
  
  <p>I have been trying to modify the script so that it will automatically get the outerheight of '#ticker li:first'. and scroll it so that marginTop equals the negative of that outerheight. rather than the default '-120px'. But i've realised it's written as CSS style, i don't know how to rewrite it. Help!</p>
  
  <p>here's the original script:</p>
  
  <pre><code>$(function()
  {
      var ticker = function()
      {
          setTimeout(function(){
              $('#ticker li:first').animate( {marginTop: '-120px'}, 800, function()
              {
                  $(this).detach().appendTo('ul#ticker').removeAttr('style'); 
              });
              ticker();
          }, 4000);
      };
      ticker();
  }); 
  </code></pre>