No se agranda el div :/

[tata009]

Hola, tengo un problema , tengo un div que contiene otros div , es decir el div que contiene todos los div de cada comentario, y el div "contenedor" por asi llamarlo no se agranda :/ , probe poniendo height:auto, pero nada :/... les dejo mis codigos a ver si alguuien puede ayudarme!

Código HTML:

<div style="word-wrap: break-word; width: 770px; padding: 4px; height:auto;">


<span id="previacomentario" style="display:none;margin-top:0px;padding-top:-5px;">

</span>


<div style="opacity: 1;" id="comentarios">                        	                        	                        	

<div id="div_cmnt_3" class="">
                            	

<span id="citar_comm_3" style="display: none;">[b]Hola :B[/b] </span>
                                <div class="comentario-post clearbeta">
                                	<div class="avatar-box" style="z-index: 99;">
                                    	<a href="/perfil/Respect">
											<img title="Avatar de Respect en Mafia-Zone" src="/files/avatar/1_50.jpg" class="avatar-48 lazy" style="position: relative; z-index: 1; display: inline;" width="48" height="48">

										</a>
                                                                            </div>
                                    <div class="comment-box">
                                    
                                        <div class="comment-info">
                                        	<div class="floatL">
                                            	<a href="/perfil/Respect" class="nick">Respect</a> dijo
                                                <span>Hace 12 días</span> :
                                            </div>

                                                                                    </div>
                                        <div id="comment-body-3" class="comment-content">
                                        	                                            <?php echo nl2br($array[comentario]); ?>
                                                                                    </div>
                                    </div>
                                </div>
                            </div> </div> <hr />






</div>

Código HTML:

.comentario {
  border-bottom:1px solid #EEEEEE;
  margin-top:10px;
  padding-bottom:10px;
}


.avatarBox {
  width: 85px;
  position:relative;
  z-index:0;
  background:transparent url(images/shadowAvaS.gif) no-repeat scroll left bottom;
  height:85px;
  margin-top:10px;
}



.comment-box { -moz-box-shadow: 0 0px 10px #7DBEF1;-webkit-box-shadow: 0 0px 10px #7DBEF1;box-shadow: 0 0px 10px #7DBEF1;border: 1px solid #7DBEF1; width:700px; position:relative; margin-left:55px; margin-top:-50px; float:left; }


.dialog-c {
		position: relative;
		display: block;
		width: 9px;
		height: 15px;
		left: -9px;
		top: 5px;
	}


.comment-info {
		padding:6px;
		font-size:11px;
		border-bottom: 1px solid #b4b4b4;
		background: url('images/bg_title_comment.gif') top left repeat-x;
		height: 14px;
		overflow: hidden;
	}

.floatL{float:left}

.comment-content {

		background:#ededed;
		overflow: hidden
		
	}

Bueno, muchas gracias de antemano!