Lograr un efecto de listado

[dukeblass]

Hola, recurro a ustedes por que ya me enrede..

el dilema es:
tengo un lista

Código HTML:

<ul class="lista">
     <li><a>Elemento 1</a></li>
     <li><a>Elemento 2</a></li>
     <li><a>Elemento 3</a></li>
     <li><a>Elemento 4</a></li>
</ul>
 

la cual lista tiene un alto fijo y un ancho variable (al final fijo) que cambia al re-dimensionar el navegador.... al hacer esto si el contenido de la listas (la suma de ancho de los LI) es mayor al tamaño que queda de la lista, los elementos "LI" que no entran se borran y pasan a una sub lista, básicamente quedaría asi:

Código HTML:

<ul class="lista">
     <li class="masLlista">
         <a>mas</a>
         <ul>
              <li><a>Elemento 3</a></li>
              <li><a>Elemento 4</a></li>
         </ul>
     </li>
     <li><a>Elemento 1</a></li>
     <li><a>Elemento 2</a></li>
</ul>
 

como podría hacer esto, algo ya tengo pero es un lió total..
aunque sa si pueden orientarme y ya me encargo yo

....