Menu verspringt - ich finde den Fehler nicht

[Drapondur]

Hallo,

meine Seite: www.zuunami.de

Das Menu verspringt, sobald man einen Menupunkt anklickt.

Es scheint so, als wäre neben dem jeweils aktiven Element ein Abstand falsch gesetzt, aber ich komme nicht dahinter.

Hier der CSS-Code:

  
#menu {  
  height: 25px;  
  font-family: 'PT Sans',sans-serif;  
  color: #d0c5a6;  
  padding: 315px 10px 0 95px;  
  width: 616px;  
}  
  
#menu ul {  
  background-color: #201f1f;  
  height: 25px;  
  padding-top: 5px;  
  padding-left: 5px;  
}  
  
#menu ul li {  
  float: left;  
  text-align: center;  
  list-style: none;  
  height: 25px;  
  font-size: 15px;  
}  
  
#menu ul li a {  
  text-decoration: none;  
  display: block;  
  height: 20px;  
  padding: 5px 20px 0 20px;  
  color: #d0c5a6;  
}  
  
#menu ul li a:hover {  
  background-color: #d2c7a8;  
  color: #211f1f;  
}  
  
#menu ul li a:hover span {  
  color: #211f1f;  
}  
  
#menu span {  
  color: #c3c3c0;  
  font-size: 10px;  
  display: block;  
  margin-top: 5px;  
}  
  
#menu .active {  
  height: 20px;  
  padding: 5px 20px 0 20px;  
  background-color: #d2c7a8;  
  color: #211f1f;  
}  
  
#menu .active span {  
  color: #211f1f;  
}  

Wer findet den Fehler?