¿Como evito que el texto se valla de la div?

[VbOkonly]

Muy buenas a todos, estoy haciendo las pases con CSS para tratar de llevarnos mejor ... aunque el diseño web no sea lo mio




Mi pregunta es la siguiente, ¿Cómo hago para que el texto no sufra esa irrelevancia?, es decir que el mismo no se salga de la div.

Hace mucho tiempo (en otra web mia) intente con la propiedad overflow:hidden pero se seguia desbordando pero el salto abajo no lo hacia ...

Les paso el codigo CSS:

Código HTML:

#coment {
	width: 527px;
	font-family: tahoma;
	font-size: 16px;
	background-color: #EEEEEE;
}
#autorcoment {
	background-image: url(Images/fondocomentcomoestasargentina.jpg);
	background-repeat:  repeat-x;
	width: 527px;
	font-size: 20px;
	font-weight: bold;
	height: 30px;
	background-color: #EEEEEE;
}

Y aca esta la salida:

Código PHP:

  echo ' 
      <div id="autorcoment"><span><font color=RED>'.$rowComen["nick"].'</b></font></span> dijo:</div> 
        <div id="coment">'.$rowComen["comentario"]; ?>  
  

Le hago el favor al que no entienda php(el codigo que no puedo ovbiar lo encierro entre ' ' :

Código HTML:

 <div id="autorcoment"><span><font color=RED>'.$rowComen["nick"].'</b></font></span> dijo:</div>
        <div id="coment">'.$rowComen["comentario"];' </div> 

Desde ya agradesco ...