ปัญหาการใช้ css ทำให้แสดงเมนูไม่ได้ใน firefox แต่กับ IE ไม่มีปัญ

ผมให้ <div id="divMenuBar" class="hzmenu"></div> โค๊ดนี้เพื่อแสดงเมนูในหน้าหลักครับ
ส่วนข้างนี้เป็นโค๊ด ไฟล์ที่เก็บเมนู

<?
        $msg  = "<ul id='horizontalnav'>";
        $msg .=        "<li><a href='#' onclick='showFormRegis();'>ÊÁѤÃÊÁÒªÔ¡</a></li>";
        $msg .=     "<li><a href='#' onclick='showBlogList(\"Art_Title\");'>ºÅçÍ¡</a></li>";
        $msg .= "</ul>";
        break;
}
echo $msg; ?>และข้างล่างนี้เป็นส่วนหนึ่งของ css ที่ใช้กับเมนู

.hzmenu ul{
     padding: 0; margin: 0; background-color: #666666; list-style: none;
    height: 20px; font-weight:bold; font-size:13px;
}
.hzmenu ul li {
     display: inline; float: left; position: relative; width: 8em;
}
เวลาแสดงผลกับ ie มันสามารถแสดงได้ตามต้องการครับ แต่กับ Browser ตัวอื่นๆ  มันกลับไม่แสดงออกมาเลย
ไม่ทราบว่าเป็นเพราะอะไรครับ