<style type="text/css">
#navigation {
  width: 150px;
  height: auto;
  margin: 0;
  padding: 0;
}

#navigation .link {
  display: block;
  width: 100%;
  border: 1px solid #e6cdb0;
  border-left: solid 5px #380806;
  background-color: #feead1;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
  color: #380806;
}

#navigation .link:hover {
  border-left: solid 5px #feead1;
  background-color: #380806;
  color: #feead1;
}
</style>

<div id="navigation">
 <a class="link" href="/"><span>Один</span></a>
 <a class="link" href="/"><span>Два</span></a>
 <a class="link" href="/"><span>Три</span></a>
 <a class="link" href="/"><span>Четыре</span></a>
 <a class="link" href="/"><span>Пять</span></a>
 <a class="link" href="/"><span>Шесть</span></a>
 <a class="link" href="/"><span>Семь</span></a>
 <a class="link" href="/"><span>Восемь</span></a>
 <a class="link" href="/"><span>Девять</span></a>
 <a class="link" href="/"><span>Десять</span></a>
</div>