He intentado adaptar el código que me has dado, pero algo está fallando.Con tu código, lo he modificado a mi gusto y no hay ningín problema, entonces, no sé si lo de que sea la imagen cuadrada o no, realmente importa en este caso, porque lo he hecho con el tuyo. Te dejo parte del código para ver por dónde anda el error.
Cita: <body>
<form action="" method="get">
<div id="apDiv16" style="background-color:black; color:white">
<div class="oculto" id="apDiv17" style="-moz-border-radius: 150px 140px; border-radius: 150px 140px;
-webkit-border-radius: 150px 140px; background-color:#000; height: 280px; width: 300px; background-image:url(imagenes/prueba.png); background-position: -45px;"> </div>
</div>
La cuestión es que la imagen se encuentra en un div, dentro de un formulario, por lo que el fondo negro del body se hace detrás del formulario, no sé si será por eso...Este div lo he metido dentro de otro div, con lo que tenía la esperanza de que hiciera como fondo, pero no funciona.¿Podría ser por las propiedades asignadas en el css? No sé... Puedes verlo en la página.