Html IE和Firefox中的CSS绝对定位问题，而不是Chrome-Wordpress模板

我修改了WordPress响应主题，在标题中加入了我客户的徽标。当我把这个加进去的时候，我已经搞定了很多其他的女主角，我正在慢慢地把它们拼合起来

我面临的主要挑战是

#header-menu 

ID（）在某些浏览器上无法正确呈现。它保持固定在右侧，不再响应设计

下面是我实现的CSS（也可以查看该站点），以了解我是如何将其放置在徽标图像上的-

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

有关于如何解决这个问题的建议吗？我能在响应性设计中不使用绝对定位吗

删除您的

h1#站点标题

#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。您可能需要反转列表项。还应尝试移除任何不必要的位置

是否希望

#标题菜单

覆盖

h1#站点标题

？是。这是正确的。我已经用当前的代码完成了这项工作，但它给我带来了Firefox和IE中的问题。嗯，存在一些严重的定位问题！哈哈，我看看我能做些什么。在我看来，浮动包含

h1

标题的

hgroup

，而

nav

菜单就是罪魁祸首–在这里面，你的图像具有1184像素的固有宽度，和

max width:100%

–但是由于父组

hgroup

没有明确的宽度设置，并且允许从容器中流出，这就把整个事情搞砸了。所以去掉浮子，整个事情看起来会好很多。