Code

Pink Menu CSS

CSS

#menubv {
				width: 12em;
				padding: 0;
				margin: 0;
				font: 14px Verdana, sans-serif;
				
			}
			#menubv ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			#menubv li {
				border-bottom: 1px solid #f00;
				margin: 0;
			}
			#menubv li a {
				display: block;
				padding: 5px 5px 5px 0.5em;
				font-weight: bold;
				border-left: 10px solid #ffc0cb;
				border-right: 10px solid #fff5ee;
				background-color: #ffe4e1;
				color: #808000;
				text-decoration: none;
			}
			#menubv li a:hover {
				border-left: 10px solid #fcc;
				border-right: 10px solid #fff;
				background-color: #fff0f5;
				color: #ccc;
			}
			/* Fix IE. Hide from IE Mac \*/
			* html #menubv ul li {float: left; height: 1%;}
			* html #menubv ul li a {height: 1%}
			/* End */

HTML

<div id="menubv">
	<ul>
		<li>
			<a href="#" title="Parte 0">Parte 0</a>
		</li>
		<li>
		<li>
			<a href="#" title="Parte 1">Parte 1</a>
		</li>
		<li>
		<li>
			<a href="#" title="Parte 2">Parte 2</a>
		</li>
		<li>
		<li>
			<a href="#" title="Parte 3">Parte 3</a>
		</li>
		<li>
		<li>
			<a href="#" title="Parte 4">Parte 4</a>
		</li>
		<li>
		<li>
			<a href="#" title="Parte 5">Parte 5</a>
		</li>
		<li>
		<li>
			<a href="#" title="Parte 6">Parte 6</a>
		</li>
		<li>
		<li>
			<a href="#" title="Parte 7">Parte 7</a>
		</li>			
	</ul>
</div>

Página funcionando aqui.

---
Lista
Home