[Ovillo] Ocupar el ancho del DIV

[Reynier Perez Mira]

Hola a todos y buenos días:

Bueno, tengo un DIV para dentro poner un contenido X. El problema es que el contenido no me expande automáticamente el DIV y entonces se solapa con lo que hay debajo de este DIV, en este caso otro DIV. El CSS asociado al problema es el siguiente:

#board { text-align: justify; width: 100%; height: 100% auto; }
#board h1 { font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #E89700; text-align: right; clear: both; padding: .2em .5em .2em .1em; background-color: #000; }
#board h2 { font-size: 1.1em; clear: both; padding: 0 0 0 .5em;  }
#board img { float: right; padding: .5em; margin: .5em; }
#board div.resumen { padding: .2em .5em .1em .5em; -moz-border-radius: 6px; background-color: #A4A6B6; margin: .3em 0 .3em 0; color: #000; font-weight: bold; }
#board div.fuente { padding: .2em .5em .1em .5em; text-align: right; border-bottom: 1px solid #E89700; }
#board div.contenido { padding: .2em .2em .2em .2em; text-align: justify; overflow: auto; height: auto; }
#board p { padding: 1em; }

Y el HTML es el siguiente (básicamente, no puse el texto completo para no llenar el mensaje):

<div id="board">
     <div class="contenido">
    	<img src="http://simpro.uci.cu/upload/noticias/osopanda.jpg" alt=" " />
 	<p>Aquí el contenido</p>
      </div>
</div>

¿Qué es lo que estoy haciendo mal?

Salu2 y gracias por adelantado