Проблема с наведением мыши на кнопку

Я использую Twitter Bootstrap, и у меня странное использование при наведении курсора на кнопку btn-primary.

Это мой код:

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
        <ul class="nav nav-pills">
      <li class="active">
        <a href="#">Home</a>
      </li>
      <li><a href="#">...</a></li>
      <li><a href="#">...</a></li>
      <li><a href="#" class="btn btn-primary btn-small">
                  <i class="icon-user icon-white"></i> Log In
                  </a>
              </li>
    </ul>
    </div>
  </div>
</div>

И вот что происходит:

до

при наведении

Любые идеи, почему это может происходить?