problema con colocación de bordes redondeados

Hola a tod@s!
Tengo un problema colocando bordes redondeados. Resulta que tengo dos listas anidadas, cada uno de los li's de la primera tiene que ir enmarcado por bordes redondeados, cuál es mi sorpresa que al colocar dos div's que los bordean para poner la imagen del borde de fondo, el primero sí se coloca al principio de la ul interior pero el div que tiene que ser el borde de cierre se coloca siempre al inicio de la ul sin importar si coloco el div después del último li de la lista interior, en medio o donde quiera que lo coloque. Alguna idea de por qué no consigo que el borde inferior aparezca en el flujo normal del documento después del último li?

Si necesitáis código puedo postearlo o enviarlo por mail si me dáis la dirección. Es un poco urgente porque ya no sé que más probar.

tal vez este minisitio te ayude

http://border-radius.com/

pues dale, pega la parte del codigo que te ocupa tal vez te podamos hechar una mano

me puedes pasar una dirección de mail donde te pueda mandar todos los archivos y contarte con más detalle. Eso sí, tengo que conseguir los bordes redondeados con una imagen de fondo, no sólo con css, es que creo que el link que me pasaste lo consigue sólo con css.

Hola.

Seria bueno si colocaras la parte del codigo y la imagen de background que usas, asi todos podremos colaborarte y de paso ayudamos a otros que tengan la misma duda. Esa es la dinamica de un foro.

Saludos!

Código HTML :

<ul id="tematico">
               <li id="events">
                <div class="top_lateral"></div>
                     <h2>News & Events</h2>
                   <ul id="noticias">
                       <li>
                          <h3>05.03.2007</h3>
                          <p>Even more websites all about website templates on Just Web templates</p>
                          <a href="#">more..</a>
                       </li>
                        <li>
                           <h3>05.03.2007</h3>
                            <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty</p>
                            <a href="#">more..</a>
                        </li>      
                   </ul>
                    <div class="bottom_lateral">
                </li>

--------------------------------------------------------------
CSS
--------------------------------------------------------------

Código HTML :

.top_lateral{
   background:url(../patterns/lateral_top.png) no-repeat;
   height:10px;
   width:195px;
   margin-left:-2px;
}

.bottom_lateral{
   background:url(../patterns/lateral_bottom.png) no-repeat;
   height:10px;
   width:195px;
   margin-left:-2px;

#tematico{
   width:716px;
   background:#901416;
   overflow:auto;

}

#tematico li{
   float:left;
}

#events{
   width:191px;
   margin: 16px;
   border-left: 2px solid #9b7374;
   border-right: 2px solid #9b7374;
   background:#730f11;
}

#events h2{
   text-transform:uppercase;
   text-align:right;
   font-family:"Arial Black", Gadget, sans-serif;
   font-size:12px;
   margin-right:15px;
   padding-bottom:15px;
}

#noticias li{
   clear:left;   
}

#noticias a{
   text-decoration:none;
   color:#fff;
   font-size:11px;
   float:right;
   margin-right:15px;
}

#noticias p{
   font-size:11px;   
   padding:15px;
}

*Nota de BOFH: favor usar etiquetas de código para postear código

Según ese código, no pusiste el cierre del div bottom_lateral, tienes que cerrarlo.

Por otro lado, el problema puede deberse al hecho de que al colocar elementos flotados dentro de un contenedor, este último no toma en cuenta la altura de esos elementos, por lo tanto tienes que definir la altura del contenedor para asegurar que no sea menor.

Otra cosa que puedes hacer, es eliminar esos divs innecesarios y poner el primer fondo al li directamente, y el segundo al h2 (igualmente tienes que definir la altura del li)

no me funciona lo de fijar la altura. Ya he arreglado el div mal cerrado
Me gustaria intentar arreglarlo pero dejando los divs. Alguna sugerencia más?

Podrías explicar por qué no te funciona? poner un link o algo?

Ahí tienes varias cosas que están mal.

Solo que es difícil decir sin ver lo que haces.

La declaracion para #bottom_lateral no esta cerrada }
#noticias li <- no necesita clear:left;
#noticias li a <- no necesitan float si no los estas usando uno al lado del otro, si lo haces, deberías poder ponerle la altura al contenedor sin problema,
La unica opcion que se me ocurre adicional es poner clear:both; al bottom_lateral, para obligar al contenedor a ocupar la altura de su contenido.

Te repito, hace falta mas información de lo que haces para saber que esta mal, y sobre todo explicar mejor que quieres hacer, con alguna imagen o algo.