javascript - Bootstrap は、フーバー時に btn としてリンクを半分にカットします

Question

私のHTMLコード:

<div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="admin">My Page</a>
                    <div class="nav">
                        <ul class="nav">
                            <li><?php echo anchor('admin', 'Home') ?></li>
                            <li><?php echo anchor('admin/emails', 'Eails') ?></li>
                            <li><?php echo anchor('admin/banners', 'Banners') ?></li>
                            <li><?php echo anchor('admin/text', 'Text') ?></li>
                            <li><?php echo anchor('admin/meta', 'Meta') ?></li>
                            <li><?php echo anchor('admin/pass', 'Password') ?></li>
                            <li>
                                <a class="btn btn-danger" href="<?php echo base_url(); ?>admin/logout"><i class="icon-off icon-white"></i>Logout</a>
                            </li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div><!--/.container -->
            </div><!--/.navbar-inner -->
        </div><!--/.navbar -->

結果は問題ありませんが、ホバーすると次のようなものが作成されます。

ボタンの半分までスクロールアップ/カットするアニメーションがあります。

ブートストラップでのホバー時のスクロールアップ効果を「オフ」にする方法はありますか?