CSS: Я бы хотел, чтобы мои ссылки выглядели как кнопки, но они перекрываются

Для того, чтобы все мои ссылки выглядели как кнопки, я сделал это в моем CSS:

a {
  color: #06A;
  text-decoration: underline;
  margin: 10px 20px;
  padding: 10px 20px;
  /*background-color: #EEE;*/
  border: #BBB solid 1px;
}

Они выглядят нормально, однако они кажутся перепутанными, то есть позиционируются так, как будто у них нет заполнение или поля.

Посмотрите сюда, если вы все еще не понимаете мою точку зрения: http://picasaweb.google.com/lh/photo/1yjC0oyQUbBlo_2D4RqjLZsCgnyUSAKTKup5o2EMfkM?feat=directlink