Immagine i css

[vegra]

Salve stò utilizzando un menu in css, ora io vorrei inserire una cella in alto e una cella in basso da questo menu per inserire 2 immagini che racchiudono il menu come in questo esempio
http://www.vegramusic.it/menu.asp
....come posso fare?

HTML
--------------------------------------------------------
<div id="menuarticoli">
<ul>[*]Hardware vs Software 1[*]Hardware vs Software 2[/list]
</div>
--------------------------------------------------------
CSS

#menuarticoli {
width: 200px;
font: 10px Verdana;

}
#menuarticoli ul {
margin: 0;
padding: 0;
list-style: none;
}
#menuarticoli li {
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menuarticoli a:link, #menu04v a:visited {
display: block;
background-color: #E4E4E8;
color: #000000;
margin: 0;
padding: 0.3em 0.6em 0.3em 1em;
text-decoration: none;
border-bottom: 1px solid #ACB1BE;
border-left: 5px solid #ACB1BE;
border-right: 1px solid #ACB1BE;
}
#menuarticoli a:hover, #menu04v a:focus, #menu04v a:active{
background-color: #ACB1BE;
color: #336699;
border-left: 5px solid #FF8000;
}

[pastoweb]

Beh, possono esserci diverse soluzioni, una è semplicemente quella di inserire direttamente le immagini nel codice html:

<div id="menuarticoli">
[img]...[/img]
<ul>[*]Hardware vs Software 1[*]Hardware vs Software 2[/list]
[img]...[/img]
</div>