Cita:
Iniciado por kseso? 
Varias formas de corregir ese pequeño semicírculo que queda bajo la imagen:
Si el fondo que hay tras ella es de un color uniforme sencillo: la imagen un jpg (sin zonas transparente) y la esquina "vacía" que sea del mismo color que el fondo.
Si es un motivo, puedes añadirle un margen al div que contiene la imagen, ligéramente mayor a la zona "trasparente" de la imagen. La imagen pequeña que va dentro la desplazas los suficientes px para compensar el margen.
Todo esto sería más sencillo si pudiésemos utilizar css 3 y múltiples imágenes como backgrounds
Si no lo acabas de ver, busco algún ejemplo o te lo realizo. Ya dirás.
Un saludo
Bueno, luego de taaanto intentar he encontrado la forma de hacer lo que quería gracias a uno de los enlaces que me proporcionaste,, viendo la opción de las 3 columnas. el código es el siguiente:
Cita: <div style="position:relative; display:block;">
<div style="float:left; position:relative; width:5px; height:28px; left:0px; background: url(img/topbar_sideleft.png) no-repeat left;">
</div>
<div style="float:right; position:relative; width:5px; height:28px; right:0px; background: url(img/topbar_sideright.png) no-repeat right;">
</div>
<div style="margin-left:5px; margin-right:5px; position:relative; display:block; height:28px; background: url(img/topbar_bg.jpg) left">
</div>
</div>
Por el momento esta probado sin tener otro contenedor, pero funciona de la manera que queria, el DIV central se redimenciona al tamaño del contenedor, ahora en unos minutos voy a probar que tanto funciona agregandole el JS para redimencionar en DIV contenedor en forma manual.