Menu css con bordi arrotondati

[Mr_Flash]

Ciao a tutti,
ho un menu all'interno di un sito così formato:

<div id=navigation>
<ul>[*] testo[*]testo[*]testo[*]testo[*]testo[*]testo[*]testo[*]testo[*]testo[*]testo[/list]
</div>

il cui css è

div#navigation{float:left;width: 160px;background-image: url(img/bg.gif);
background-repeat: repeat;background-attachment: fixed;}
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0;margin-top:10px;}
div#navigation a{color:#000000;font: normal bold 1.1em/1.3em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #000000;text-decoration: underline}
div#navigation a#activelink{color: #000000;text-decoration: none}


Vorrei ora inserire una piccola immagine sopra e sotto la lista in modo da avere angoli arrotondati. Come faccio a realizzare il tutto sempre utilizzando i css?

Grazie per il vostro aiuto

[delfina blu]

Può esserti utile questo?

[Mr_Flash]

Grazie per il link ma non è quello di cui ho bisogno.

Dovrei semplicemente inserire un'immagine con angoli arrotondati prima della lista, come se dovessi inserire in un tag <td>.

Grazie