Realizzare un ottimo menu di navigazione da poter moddellare

[Innavoig]

come costruireste questo tipo di menu alla perfezzione con i css ?

come si vede c'è ;
la parte alta dove va il titolo del menu
poi c'è la parte centrale dove andranno i link ul li a
e po c'è la parte inferiore arrotondata

voglio però che non sia un immagine da mettere come sfondo interamente , senno non posso modificarla per un altro menu , ad esempio allungandone la lunghezza.Quindi si potrebbe fare in tal modo :

un div contenitore
div titolo
div menu link
div parte inferiore


- assegnare al div titolo la gif titolo(la parte alta dell immagine )
-al div menu link in ripetizione una strisciolina della parte centrale dell immagine ,e qui andrà il menu ul li a...,così poi se voglio una casella più grande basta allungare questa sezione , et voilà , ho la casella più grnade.
-assegnare in fine al div inferiore la gif di chiusura della casella.

Domanda : e così che si costruisce un ottima struttura ?
Voglio sempre il meglio ,e chiedo una mano a voi , in caso non sia in sintonia con la vostra cultura.

[Innavoig]

allora sto lavorando in qeusta maniera.
C'è questa side bar che vedete in alto nell immagine da realizzare.
Così ho pensato di divederla in 3 parti
---1° parte = ci va il titolo con la parte colore oro la gif , che vedete in alto
---2°parte =ci vanno i link è il background nero gif
---3°pare = ci va la chiusura della gif arrotondata come vedere nell immagine sopra.

quindi ho raggionato : come li creo questi 3 blocchi ?in un unico contenitore sidebar?e che è contenitore di un altro div #colonna e che questa colonna si trova in un contenitore generale ????????


e ho risolto in questa maniera.
div contenitore
div colonna sinistra
div sidebar
div sidebar_title
div sidebar_link
div sidebar_fine
ma dando un occhiata a questa struttura ..... sono tantissimi div !!!!
così non so , mi è venuta in mente che si può realizzare qualcosa al posto di qui div ;
div sidebar_title
div sidebar_link
div sidebar_fine
SI POTREbbe mettere uno span
o qualcosa altro.
questo e quello che penso,perchè non mi sono mai ritrovato in una situazione simile.
rifaccio la domanda , come posso costruirla correttamente ?



html

<div id="contenitore">
<div id="sidebar1">
<div id="nero_oro">
<span>Menu veloce</span>
<ul> [*]prova[*]Servizi[*]prova[*]Contatti[*]Passioni[/list]
</div>
</div>
</div>

css

#Contenitor {
width: 1088px;
margin-right: auto;
margin-left: auto;
height: 450px;
margin-top: 40px;
}
#Contenitor #colonnasinistra {
width: 200px;
float: left;
}
#Contenitor #colonnasinistra #sidebar1 {
height: 300px;
}
#Contenitor #colonnasinistra #sidebar1 ul {
list-style-type: none;


Ci tengo tanto a questo