引导导航 - 最后三个<li>未链接

Question

我知道这是不受欢迎的，但如果有人想在现场观看，请查看http://sigsample.info/tami（很抱歉发布此链接）

这是代码，导航栏（引导程序2）工作良好，除了最后的三个图形。知道我做错了什么吗？

<div class="navbar navbar-inverse">
    <div class="navbar-inner">
        <ul class="nav">
            <li><a href="index.php"><br />
                Home</a></li>
            <li><a href="about.php"><br />
                About</a></li>
            <li><a href="listings.php"><br />
                Listings</a></li>
            <li><a href="ask_tami.php"><br />
                Ask Tami</a></li>
            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Buying<br />
                a Home<b class="caret"></b> </a>
                <ul class="dropdown-menu">
                    <li><a href="tools.php" style="text-align:left">Tools and Apps</a></li>
                    <li><a href="process.php" style="text-align:left">Buying Process</a></li>
                    <li><a href="rentvbuy.php" style="text-align:left">Rent vs Buy</a></li>
                    <li><a href="firsttime.php" style="text-align:left">First Time Buyers</a></li>
                    <li><a href="foreclosures.php" style="text-align:left">Foreclosures</a></li>
                </ul>
            </li>
            <li><a href="http://www.eralisting.info/" target="_blank">Selling<br />
                a Home</a></li>
            <li><a href="glossary.php">Glossary<br />
                of Terms</a></li>
            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Mortgage<br />
                & Finances<b class="caret"></b> </a>
                <ul class="dropdown-menu">
                    <li><a href="loan_process.php" style="text-align:left">The Loan Process</a></li>
                    <li><a href="affordability.php" style="text-align:left">Affordability</a></li>
                    <li><a href="closing.php" style="text-align:left">Prepare for Closing</a></li>
                    <li><a href="closing_costs.php" style="text-align:left">Closing Costs</a></li>
                    <li><a href="preapproval.php" style="text-align:left">Pre-Approval</a></li>
                    <li><a href="calculator.php" style="text-align:left">Payment Calculator</a></li>
                    <li><a href="http://www.eramortgage.com" target="_blank" style="text-align:left">ERA Mortgages</a></li>
                </ul>
            </li>
            <li><a href="contact.php"><img src="mail.png" alt="Email Me" /></a></li>
            <li><a href="https://www.facebook.com/tami.newman.3"><img src="facebook.png" alt="Facebook" /> </a></li>
            <li><a href="contact.php"><img src="twitter.png" alt="Twitter" /></a></li>
        </ul>
    </div>
</div>

Answer 1

有两个类似的元素，其中一个是空的，覆盖在导航栏上：

<span class="headshot"></span>

去掉空的第二个，一切都好。

Answer 2

这是您的.headshot css，请尝试删除宽度和高度

position: absolute;
z-index: 1;
left: 738px;
 top: -99px;