Problema con List en DIV

[jimadri]

Hola gente, cómo va?

Les traigo un problema que estoy teniendo con mi CSS.
Tengo que armar un pequeño diccionario con algunas cosas puntuales y pensé mostrar los casos dentro de un div de color gris y dentro de él mostrar la info que casi siempre se muestra en listas enumeradas.

Primer problema es que mi div gris no se auto ajusta al contenido. Tengo el height en AUTO.

Mi CSS tiene esto:

Código PHP:

  .fala {
    width:960px;
    height:auto;
    min-height:110px;
    padding:20px;
    border:3px #D7D7D7;
    background-color:#F2F2F2;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomright: 40px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
        }
 
.fala ul {
    margin-left:30px;
    }
 
.fala li { 
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    line-height:16px;
    color:#000;
    list-style:circle;
    width:900px;
    text-align:left;
    } 
   

el HTML sería este:

Código HTML:

<div class="fala">
<p><strong>9) &quot;<em>N&uacute;meros</em>&quot;: </strong>Los n&uacute;meros son similares en ambos idiomas. Conviene destacar que para evitar confusiones entre la pronunciaci&oacute;n de los n&uacute;meros 3 y 6 especialmente por tel&eacute;fono, el brasile&ntilde;o se refiere al n&uacute;mero 6 como &quot;<em>meia d&uacute;zia</em>&quot; o simplemente &quot;<em>meia</em>&quot;</p>
</div>

<p>&nbsp;</p>

<div class="fala">
<p><strong>10) Dias de la semana:</strong></p>

<ul>
	<li>Lunes - <em>Segunda feira</em></li>
	<li>Martes - <em>Ter&ccedil;a-feira (tersa)</em></li>
	<li>Mi&eacute;rcoles - <em>Quarta-feira (cuarta)</em></li>
	<li>Jueves - <em>Quinta-feira</em></li>
	<li>Viernes - <em>Sexta-feira</em></li>
	<li>S&aacute;bado - <em>S&aacute;bado</em></li>
	<li>Domingo - <em>Domingo</em></li>
</ul>

<p>En el idioma portugu&eacute;s no existe &quot;<em>primera-feira</em>&quot;, el d&iacute;a Lunes se denomina &quot;<em>segunda-feira</em>&quot;.</p>
</div>

<p>&nbsp;</p> 

Y el resultado es:



Que hago mal o que no hago?

[pzin]

Iniciado por jimadri

Les traigo un problema que estoy teniendo con mi CSS.

Qué manía con traer los problema y no sólo las dudas.

Pues en principio con ese código el resultado visible es diferente: http://jsfiddle.net/Xh6EH

Como ves funciona bien.

Pareciera que, según tu captura, hubiese algún elemento con float o alguna altura definida.
No hace falta que pongas height: auto ya que ese es el valor por defecto de todos los elementos. Lo que quiere decir, lo pongas o no, el resultado es el mismo.

Tal vez por ahí un lista de definición, <dl>, te vendría bien.