texto que se ajuste al div

[edie8]

Buenas!
Tengo un div que recoje texto de una base de datos el problemas son los siguientes:
1- quiero que quede foto y justo al lado arriba nombre del user, debajo el mensaje, lo he hecho de esta forma:

Código PHP:

echo "<div id='medio'>";
               echo "<div id='foto'><img src=".$fots['imagen']." width='7%' style='margin-left:2%; margin-top:2%;'></div>";
               echo '<div class="userr"><span><b>'.$fots['usuarios'].'&nbsp'.$fots['apellidos'].'</b><br></span>';
                echo $raw['comentario']."<br></div>";}
                echo '<div id="tiempo"><br><br><br><span>'.hace_tiempo($raw['fecha']).'</span>&nbsp  &nbsp<a href="#">Compartir</a>&nbsp  &nbsp<a href="#">Me gusta</a></div>';
                echo '</div>';
                echo '<div id="dos"></div>';
 

Código CSS:

#medio
{background:#BFC8EB;
margin-left:8%;
}
#tiempo
{
margin-left:2%;}
#foto
{
float:left;}
.userr
{
float:right;
 
/*margin-right:52%;*/
margin-top:-6%;}
#tiempo
{
margin-top:2%;}
 

el primer problema el nombre me sale en el lado derecho y deberia salir con la foto en el izquierdo, segundo problema, el texto le pasa lo mismo, y poniendo el margin-right si es demasiado largo se sale del div cosa que tambien pasa al poner demasiado texto sin el div, quiero que cuando en vez de salirse del div se baje y se ponga en las lineas necesarias, me podeis echar una mano para hacer tales cosas? gracias un saludo.