Problema con Ticker y la altura de la capa

Buenas, estaba haciendo un tablón de noticias tipo Ticker con mootools, y funciona, pero con un problema. La altura de la capa es la misma para todas las noticias, y algunas tienen más texto que otras, por lo que se ve cortado el texto.
¿Hay algún modo de que se ajuste la altura de la capa a cada texto de forma automática?

El código es este:

Código :

<script language="javascript" src="mootools/mootools.svn.js" type="text/javascript"></script>
<style type="text/css">
  #tickerBox {
   float:left;
   width: 235px;
   height: 100px;
   overflow: hidden;
   display:inline;
   position: relative;
   margin:35px 0px 10px 30px;
   }      
      #TickerVertical {
      margin: 0;
      padding: 0;
   }
   #TickerVertical li .newsTitle{
      width:200px;
      height:35px;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:11px;
      font-weight:bold;
      float:right;
      color:#006699;
   }
</style>

<div id="tickerBox">
   <ul id="TickerVertical">
      <li>noticia1</li>
      <li>noticia2</li>
   </ul>
</div>

<script language="javascript" type="text/javascript" src="newsticker.js"></script>

El script del mootools.svc.jc está aquí

Agradezco cualquier tipo de solución, o sugerencias de otros modos de hacerlo. Gracias.

Vale, una alternativa, uso scrolls. Problema: al bajar pasa por todas las noticias, no desplaza sólo el contenido de la noticia en portada. Quiero decir, que si tengo:
- noticia 1
- noticia 2
- noticia 3
...

al pausar por ejemplo en noticia 2, y moverse con los scrolls para verla entera, se ve noticia 1, noticia 2 y noticia 3... todas seguidas. ¿Hay alguna forma de recargar la capa, cargársela tras mostrar la actual o algo así?