Vererbung beenden

[Nav]

Hi, folgender Code:

  
  
<ul id="out">  
    <li>Diese Liste hat eine Breite von 30em  
       <ul>  
           <li>Diese Liste erbt nicht die Breite aus der unteren Liste</li>  
       </ul>  
    </li>  
</ul>  

Kann man es irgendwie anstellen, dass die Werte für #out nur an die unterste Liste vergeben werden?

Also im Klartext hieße dies:

#out { width: 30em }

wird nicht angewendet auf:

#out li ul

Gibts da auch eine Lösung die Gecko und IE gleichermaßen befriedigt?

Man müsste irgendwie ein Stop-Zeichen setzen können, für nur eine Ebene.