html - 对齐 WordPress 主题中的图像和标题中的神秘边框

Question

我正在尝试自定义 WordPress 主题。

起始主题:http://elegantthemes.com/preview/Nexus/

我几乎已经在 Chrome 中达到了我想要的目的: https://dl.dropboxusercontent.com/u/20040939/HeaderChrome.png

在 Firefox 中，页眉中的图像没有对齐: https://dl.dropboxusercontent.com/u/20040939/HeaderFF.png

在这两种浏览器中，页面顶部都有一个恼人的边框/阴影(请参阅上面 Chrome 屏幕截图中的突出显示区域)。

实时站点在这里: http://makeminepop.com/

感谢任何帮助。

Answer 1

“烦人的影子”来自 style.css 第 109 行您当前未使用的社交链接:

#et-social-icons {
    /* float: right; */
    /* width: 245px; */
    background-color: #f6f6f6;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff, -1px 0 0 #fff;
    position: relative;
}

更新:

我相信是 nav 元素导致图像对齐失败。尝试在 style.css 的第 104 行编辑以下内容

#top-navigation nav {
    overflow:hidden; <-- add this
    float: none; <-- modify this
}