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 -->

结果还可以，但是在悬停时会产生类似这样的结果：

当它按下/切割到按钮的一半时会有一个动画。

知道如何在引导程序中“关闭”悬停的向上滚动效果吗？