Ho un problema con dei bottoni fatti in css.

In IE si muovono quando ci passo sopra col mouse.

Potete vederlo qui

Con firefox non accade questo.


codice:
#box-menu .botton { 
  display:block;
  width:100%;
  height:100%;
  margin: 2px;
  padding: 0 2px;
  text-align: left;
  text-decoration: none
}
#box-menu select { 
   font-size: 9px;
   width: 105px;
   margin:  2px 0;
}
#box-menu a:hover { color: #990000; background-color : #f7b930;}
#box-menu a:active { color: #990000; background-color : #f7b930;}
HTML

codice:
<div id='box-menu'>
<form method="post" action="pagina.php">
  <a class='botton'>chi sono</a>
  <a class='botton'>cerca</a>
  <select name="home">
  <option value='$id'>$genere</option>
  </select><input type="image" src='modifica.gif' name='submit' />
  <a class='botton'>contattami</a>
  <a class='botton'>aiuto</a>
</form>
</div>