Eso se suele hacer poniéndolos flotante.
Mira añade en el div noticias:

float: left;

Y en el div ganadores:

float:right;

PD. El menú queda muy chulo jeje

Si, para evitar eso puedes poner un div después de los dos div, con:

"clear: both"

Es decir, detrás del div de ganadores pon:

<div style="clear: both;"></div>

Hace tiempo, para el diseño de las páginas web se utilizaban tablas, mejor dicho, tablas anidadas a otras (también entonces los navegadores eran limitados). Pero tras la aparición y uso de CSS se evitaron el uso de tablas para el diseño y se utilizan elementos como <div>  para agrupar a otros elementos.

Actualmente usar tablas para el diseño de una web, no está bien visto a nivel de desarrolladores, aunque tú puedes hacer lo que quieras, por supuesto.

Yo no te recomiendo el uso de tablas para el diseño. Si no tienes más remedio úsalas, pero no anides tablas a otras tablas.

Es cierto eso de que 'no está bien visto', yo soy de los primeros que pienso que cada uno programe como quiera.

Desde mi punto de vista diré lo que creo:

DIV's
- Diseño bonito.
- Encuadrado perfecto (quizás quiere que sobresalga 10cnt de una imagen o cosas raras).
- 1000 posibilidades gracias al CSS.
- Rapidez si le metes un ID junto al CSS

Tablas
- Compatibilidad total (no todo el CSS lo es).
- Rapidez para encuadrar.
- Menor problema a la hora de encuadrar con porcentaje = más sencillo.
- Perfecto para tonterías, códigos cortos...