Erro em posicionamento de BG

Bom pessoal... estou com um probleminha aqui que está me enchendo o saco já....

eu estou trabalhando com alguns boxes em CSS.. com cantos arredondados... o código é o seguinte

CSS:

#content_top {background: url(../images/content_top.gif) #F6F9F8 no-repeat right top; height:10px;}#content {padding: 10px 17px 17px 17px; background:#F6F9F8; border-right:#DFE8E8 solid 1px; margin:0;}#content_bottom{background: url(../images/content_bottom.gif) #F6F9F8 no-repeat right bottom; height:10px;}
HTML:

<div id="content_top"></div><div id="content">Conteúdo</div><div id="content_bottom"></div>
como vocês podem ver... estou usando imagens para mostrar os cantos arredondados das imagens... só que elas ficam posicionadas de forma errada...

assim...

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.globalclimateaction.com/ERRO-CSS.gif&key=957e91446505cec9782c3dcef4e7c7e872aa6c4d71c79160b303f4f54e8f7f2d" alt="Imagem Postada" />

quem puder me ajudar aí... ficaria muito grato