Css Firefox中的页脚损坏

我面临一个奇怪的问题，我非常简单的页脚没有在Firefox中正确显示。它基本上是一个显示内联导航向左浮动，标签向右浮动。在其他浏览器中似乎都能正常工作。代码如下：

HTML

这是简化的代码，只有两个验证错误用于图像上的空“高度”值

<div id="footer_wrap">
<div id="footer_area">

<ul id="footer_nav">

    <li><a href="#">Blog</a></li>
    <li><a href="#">Archives</a></li>
    <li><a href="#">About</a></li>

</ul>


    <a href="#" id="footer_logo">&copy; 2011 Mysitename</a>

<div class="clear"></div>

</div> <!-- end footer area -->
</div> <!-- end footer wrap -->

好

坏的

（从以下位置移动）：

---

最后，伙计们，这是一个恶意的括号，而不是我的CSS样式表中较高位置的一个花括号，这意味着firefox或opera无法看到下面的所有内容

我们还需要一个屏幕截图或其他东西……实际生成的HTML也会很有帮助。如果标记无效，浏览器的行为会有所不同。如果你能将一个简化的示例放到网上，甚至比屏幕截图更好@-很多次制作一个简化的示例都会显示问题并帮助你解决问题。谢谢Andrej，这是小提琴，即使在FF中，我看起来也不错，但在我的网站上不会

#footer_nav {float: left; list-style: none;}
#footer_nav li {display: inline; margin-right: 20px;}
#footer_nav li a {
    font-weight: bold; 
    color: #FFFFFF; 
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    text-transform: uppercase; 
    font-size: 12px;
}
#footer_nav li a:hover {
    font-weight: bold; 
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}
#footer_nav li a.active {
    font-weight: bold; 
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}

#footer_logo {
    float: right; 
    color: #FFFFFF; 
    font-size: 18px; 
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
#footer_logo:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}

<div id="footer_wrap">
<div id="footer_area">

<ul id="footer_nav">

    <li><a href="#">Blog</a></li>
    <li><a href="#">Archives</a></li>
    <li><a href="#">About</a></li>

</ul>


    <a href="#" id="footer_logo">&copy; 2011 Mysitename</a>

<div class="clear"></div>

</div> <!-- end footer area -->
</div> <!-- end footer wrap -->