Flotar (Float) para arriba?

[ratagrooves]

Hola amigos, la verdad no sabia que titulo poner, les explico mi problema.
Para que entiendan mejor realize una imagen.
La primera imagen es lo que necesito y lo segundo es lo que me pasa.
Estoy trabajando con el CMS Joomla, y los modulos son noticias (Los cuadros de colores). Estas noticias se agregan automaticamente.
Primero se agrega la con el numero 1, y se alinea a la izquierda, luego la del numero dos. El problema es cuando se inserta la tercera,necesito que "Flote para arriba" para ocupar el espacio que quedo.
El tamaño de los modulos pueden ser 2: Cuando la noticia lleva imagen y cuando no.

Esta es la pagina donde me ocurre el problema

http://www.lavozdecauquenes.cl/index.php/provincia

Cualquier duda me la señalan. De antemano muchas gracias.

Imagen:
http://imageshack.us/photo/my-images/847/demol.jpg

[emprear]

Por casualidad viste como se ve esa página en IE9 y Firefox/Chrome?

Además el html tiene tantos errores que no me animaría a intentar una solución

Saludos

[ratagrooves]

Nada que ver amigo. En todo caso ,muchas gracias.

[venommist]

Buenas!

Creo que se puede solucionar si usas algo como esto:

#1{float:left; width:200px;height:300px;}
#2{float:left;margin-left:200px;height:600px;}
#3{float:left;margin-top:300px;}

o también puedes probar con algo así:

#contenedor{position:relative;width:auto;height:au to;}
/* con un div contenedor que hará de "jaula" para los otros divs */
#1{position:absolute; left:0px; top:0px; width:200px; height:300px;}
/* el primero lo tiras en 0px arriba y 0 la izquierda */
#2{position:absolute; left:200px; top:0px; width:200px; height:600px;}
/* al segundo le das la distancia a la izquierda igual al ancho del div #1 */
#3{position:absolute;left:0px; top:200px; width:200px; height:300px;}
/* al tercero le das 0px a la izquierda y distancia de arriba igual al alto del div #1*/

Espero que sea la solución que buscabas.

Saludos!

[_cronos2]

@venommist no he probado el código, ni siquiera me he detenido a leerlo porque aquí es muy tarde, pero te diré que según la spec los ids no pueden empezar por un número. De hecho, deben seguir este patrón:

Código:

/^[A-Za-z]\w*$/

Saludos (:

[venommist]

@_cronos2 estimado, era solo para que consiguiese entender el ejemplo, muchas gracias por tu aclaración, que por cierto se me había ido del todo de explicar.

Saludos