Alineación de bloques

[gastro]

Hola a todos. Estoy maquetando una plantilla que he hecho con Photoshop y estoy teniendo problemas a la hora de alinear los bloques.
Tengo dos bloques, uno a la izquierda (principal) y un sidebar a la derecha. Entonces el problema lo tengo al poner la parte redondeada de arriba como se puede ver en la imagen.


Aquí pongo el código en CSS:

Código:

#contenido_web{
	width:1150px;
	margin:0px auto;
	background: url(imagenes/fondo-sup.png) no-repeat top left;
	padding:29px 0px 0px 0px;
}


#izquierda{
	float:left;
	width:750px;
	padding:0px 11px 11px 11px;
	background: url(imagenes/fondo-izq.png) repeat-y;
}

#derecha{
	float:right;
	width:355px;
	padding:0px 11px 11px 12px;
	background: url(imagenes/fondo-der.png) repeat-y;
}

#contenido_web sería un bloque que incluye todo y después #izquierda sería el bloque de la izquierda y #derecha el del sidebar.
La imagen fondo-sup.png es la que me da error.

¿Sabéis qué tengo que modificar en el código para poner alinear correctamente la parte de arriba de los bloques?

[GAST0N]

aunque esten a la derecha, dale a todos float: LEFT

[gastro]

Perfecto! Muchas gracias, ya lo he alineado, pero no me gusta mucho porque ha sido en plan ajustando pixel a pixel. Lo he probado con el chrome y funciona bien, pero no sé si se va a ver igual en todos los exploradores. ¿Hay alguna forma de hacerlo más "profesional"?

[dual3nigma]

Iniciado por gastro

Lo he probado con el chrome y funciona bien, pero no sé si se va a ver igual en todos los exploradores. ¿Hay alguna forma de hacerlo más "profesional"?

Lo profesional es probarlo en todos los navegadores para asegurarte que funciona bien ;)

[gastro]

Vale, eso haré.
Una última duda y ya os dejo en paz.
¿Cómo tendría que hacer para colocar el borde redondeado (ya lo tengo recortado de la plantilla) en la parte de abajo de la página?