Ayuda!! Alinear divs, saltos de linea horizontalmente con un float

[psicopatia]

Hola:

Ya habia probado eso de los tamaños, y eso me obliga a utilizar un tamaño demasiado pequeño para las imagenes de los videos. Que no me importaria ajustarme pero ya empezamos con capadas al diseño y deformidades.

Aun asi utilizando este css que tendria q encajar perfecto, las imagenes no siguen por debajo del float right.

#banner {
float:right;
width:300px;
height:250px;
z-index:1;
margin: 10px;
}

.videos {
float:left;
width:140px;
height:115px;
z-index:1;
margin: 10px;
}


Lo mas parecido a la perfeccion que e encontrado es situar la altura d id="banner" a 248px y las imagenes a 114px y bno q mas puedo decir. Por q a 248 y no 250? Por q no acen lo q quiero....

#banner {
float:right;
width:300px;
height:248px;
z-index:1;
margin: 10px;
}

.videos {
float:left;
width:140px;
height:114px;
z-index:1;
margin: 10px;
}

Pense q esto de las capas era algo mas intuitivo y facil, Ahora le dare vueltas a todo a ver si consigo algo q me guste.

Aun asi muchas gracias por la ayuda, eso d la class me lo imaginaba pero solo era un ej basico d colocacion.


PSd: en la pagina de ej que puse me doi cuenta q tampoco lo tienen clavado.