esquinas redondeadas css y js

estoy haciendo un diseño con esquinas redondeadas y estoy con las tecnicas con js
pero no veo las esquinas por ningun lado ¿que esta mal aqui?

este es el xhtml:

Código :

<!--contenedor-->
<div id="contenedor">
  <div id="header">
  <!--header-->
  </div>
 <strong> me lleva el meñe con las putas esquinas</strong> ....
</div>

<!--fin de contenedor-->

el css:

Código :

/*Documento css para redproyecto*/
/*Todo lo general*/
body
{
background:#EDFFEA;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #454545;
}
/**************************************
 contenedor
*************************************/
#contenedor
{
width: 800px;
background: #FFFFFF;
margin: 0 auto;
}
/******************************************
   header o cabecera
******************************************/
#header
{
  height: 93px;
  background: #0F6FB0;
  margin: auto;
}

el js:

Código :

/*nifty corners layout*/

window.onload=function(){
Nifty("div#header","transparent top");
Nifty("div#contenedor","bottom");
}

la funcuion Nifty es de NiftyCube una serie de funciones para hacer las esquinas de los div redondeadas escrito en js

Intenta domCorners, es más sencillo.

Sino, intenta hacerlo sin ningún "estilo extra" digamos margenes, colores, paddings, etc. Aisla todo y encierralo en una sola página. Pruebalo, sino funciona alli es porque algo estas haciendo mal con el Javascript. Si esto no es el problema y funciona, revisa los estilos usados a las cajas, siempre tuve problemas con los paddings y estos scripts.

el js:

Código :

/*nifty corners layout*/

window.onload=function(){
Nifty("div#header","transparent top");
Nifty("div#contenedor","bottom");
}

} //este era el error una llave que nisiquiera yo la vi

listo y funcionando