La rifaccio daccapo, faccio prima.

Possibile soluzione:
codice:
//css
dl#menu dd {
	margin-left:41px ;
	padding:0px;
	display:block;
  list-style-type:none;

  }
a.bottone, a.bottone:visited {
  display:block; 
  width:103px; 
  height:48px; 
  background:none; 
  text-decoration:none; 
  text-align:center;
  font-weight:bold;
  color:#f00; 
  float:left;
  }
a.bottone span, a.bottone:visited span {
	
  display:block;
  width:71px; 
  height:10px; 
  border-top:8px solid ;
  border-top:hidden;
  border-left:16px solid;
  border-left:hidden;
  border-right:16px solid ;
  border-right:hidden;
  border-bottom:8px solid ; 
  border-bottom:hidden;
  margin:8px 16px 8px 16px;
  background:#4e4e4e; 
  overflow:hidden;
  }
* html a.bottone span, * html a.bottone:visited span {
  width:80px; 
  height:24px; 
  w\idth:48px; 
  he\ight:8px; 
  overflow:hidden;
  }

a.bottone:hover span {
  background:#f03;
  }
  
 //html

 <div id="menu"><dl id="menu">
  <dd>
    <a class="bottone" href="#">
    Home
        <span></span>
    </a>
  </dd>
<dd>
    <a class="bottone" href="#">
     Link 
<span></span>
    </a>
  </dd>
  <dd>
    <a class="bottone" href="#">
     Test
<span></span>
</a> 
  </dd>
  <dd>
    <a class="bottone" href="#">
       Altro
<span></span>
    </a>
  </dd>
 <dd>
    <a class="bottone" href="#">
    Contatti 
<span></span>
    </a>
  </dd>
</dl></div>
Le misure ovviamente li imposti a piacere tuo