Evitar superponer divs

[VbOkonly]

Muy buenas a todos.
tengo dos 2 problemas :/, espero que me puedan ayudar ( ya que intente de mil maneras ).
¿Cómo hago para que al momento poner contenido que sea "mas grande" que la div, esta misma no se superponga sobre la que esta al lado? (esta div flota a la izquierda, la otra a la derecha).
Y este es mi otro problema :
¿ Cómo hago para que mi div (izquierda) se auto-agrande segun la necesidad y no llegue más del limite con la div derecha ?.( Y no se superponga *volviendo a la pregnta 1*).

Espero que me sepan entender, mi idea es insertar codigo php y que las divs se muevan por si solas sin provocar problemas ...

Aca esta el codigo .css:

#nuevostutos {
float: left;
background-color: #FFFFFF;
border: 1px solid #000000;
right: auto;
height: auto;
width: auto;
}
#top5descargas {
float: right;
background-color: #FFFFFF;
border: 1px solid #000000;
width: 350px;
height: auto;
}

¿ Qué tendria que modificar ?.

Saludos cordiales.

[inturias]

¿Cómo hago para que al momento poner contenido que sea "mas grande" que la div, esta misma no se superponga sobre la que esta al lado?

Con: overflow:hidden;
Pero para usar esto tienes que usar tamaños fijos.
ej:

Código CSS:

#nuevostutos {
float: left;
background-color: #FFFFFF;
border: 1px solid #000000;
right: auto;
height: auto;
[B]width: 700px;
overflow:hidden;[/B]
}
 

así todo lo que sea mas de 700px se ocultaria, no estoy seguro si funcionaria con el width: auto; , lo dudo.. aunque tambien puedes usar

Código CSS:

Overflow:vertical /* u horizontal */
 

para que te muestre una barra desplasadora!

Saludos.

[VbOkonly]

Muchas gracias, ahora lo modificaré y lo retocaré :).