IE和Firefox中的CSS絕對定位問題，但Chrome中不存在-Wordpress模板

Question

我修改了WordPress響應主題，以在標題中包含客戶的徽標。 當添加它時，我敲了一些其他的div，然后慢慢地將其拼湊在一起。

我面臨的主要挑戰是

#header-menu 

ID（ http://ubcf2.garyspagnoli.com ）在某些瀏覽器上無法正確呈現。 它保持固定在右側，不再響應設計。

這是我實施的CSS（並查看該站點），以了解如何將其定位在徽標圖像上-

#header-menu {
    bottom: 0;
    padding: 0;
    position: absolute;
    right: 0;
}

有關如何解決此問題的任何建議？ 我不能在響應式設計中絕對定位嗎？

Answer 1

刪除您的h1#site-title

#header-menu{
    background-image:url('http://ubcf2.garyspagnoli.com/wp-content/uploads/2014/02/UBCF-v1.jpg');
    list-style-type:none;
    margin:0px;
    padding:0px;
}
#header-menu>li{
    float:right;
}
#header-menu>li a{
    display:block;
    padding:10px 15px;
}
#header-menu>div{
   float:clear;
}

在您的最后一個列表項之后添加一個div。 您可能需要反轉列表項。 另外，請嘗試刪除所有不必要的位置。