[SOLUCIONADO] div que se ajuste al contenido

[jokers777]

Buenas, necesito saber como hacer un div que se ajuste al contenido que dentro de este se mostrara. (si el post es repetido y ya encontraron solucion favor poner el link la verdad busque y probe con varias alternativas que sugerian y nada)

Dejare la parte del codigo css del div en el cual se muestra la informacion

Código HTML:

#contenido{ position:relative;height:70% ;width:80%;background:#A4A4A4;left:10%;opacity:.7;border-radius:5px 5px 5px 5px;float:auto;}

En este enlace pueden ver el problema

http://pasatiempopr.esy.es/fondo/

Gracias por su ayuda

[jokers777]

Por cierto se me olvido decir que para apreciar el problema hay que hacer link en el enlace de la esquina superior izquierda..

[IsaBelM]

Prueba a quitar la propiedad height y float

[kakashi20]

width: auto
height: auto

[jokers777]

No aun nada, si pongo las 2 propiedades en auto el div crece horizontalmente <-> y no es la idea, ya que el contenido debe mostrarse hacia abajo, es decir el div tiene que ir adaptandose hacia abajo..

Gracias por las respuestas, seguire googleando

[jokers777]

Ya vi el error, en el div que se mostraba a traves de ajax tenia un height declarado, simplemente lo quite

el div contenido quedo asi

#contenido{ position:relative; height:auto;min-height:70%;width:70%;background:#A4A4A4;left:10%;o pacity:.7;border-radius:5px 5px 5px 5px;}

muchas graciaaas