Refermer un menu horizontal à droite

Bonjour,

J'ai un petit problème concernant le placement d'une image à droite dans un menu horizontal que j'ai réalisé en CSS.

Voici le screen de l'image en question (vous allez vite comprendre) : LIEN : https://codes-sources.commentcamarche.net/

Mon but : refermer le menu horizontal avec l'image menu-top-droite pour réaliser un menu rond et fermé :
LIEN : https://codes-sources.commentcamarche.net/

Code source HTML :

<div id="bloc_horizontal">
<ul>
		<li>
			<a href="index.html" title="">Accueil</a>
		</li>
		<li>
			<a href="nouveautes.html" title="">Nouveautés</a>
		</li>
		<li>
			<a href="mentions_legales.html" title="">Mentions Légales</a>
		</li>
		<li>
			<a href="conditions_vente.html" title="">Conditions de Vente</a>
		</li>
		<li>
			<a href="faq.html" title="">F.A.Q</a>
		</li>
		<li>
			<a href="contacter.html" title="">Contact</a>
		</li>
	</ul>
</div>  

________________________________________

Code source CSS :

#bloc_horizontal {
    width: 690px;
    height: 25px;
    margin: auto;
    font-family: Tahoma, Geneva, sans-serif;
    background: url("top-menu.png") repeat-x scroll 10px bottom rgb(225, 225, 226);
}

#bloc_horizontal ul {
    list-style-type: none;
    height: 25px;
    padding: 0px 15px;
    background: url("top-menu-gauche.png") no-repeat scroll left bottom transparent;
    line-height: 17px;
}

#bloc_horizontal * {
    margin: 0px;
    padding: 0px;
}

#bloc_horizontal ul li {
    display: inline;
    margin-right: 20px;
}

li {
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
}

#bloc_horizontal li a {
    color: #839D99;
    font-weight: bold;
    font-size: 12px;
}

________________________________

Merci de m'aider.

Cordialement