所有浏览器中的CSS问题

Question

我正在尝试将社交媒体图标添加到canopyco.com的页脚，但我对CSS有困难。

以下是我的问题：

1. 图标在Chrome和Safari中正确对齐，但在IE和FF中，它们不是。这是因为在IE和FF中，页脚链接文本比Chrome和Safari中的文本大，因此我为图标设置的页边距不起作用。图标应与页脚导航链接的左侧齐平。

2. 当我将图标放在页脚中时，图标div会以某种方式覆盖页脚导航链接文本。

我的CSS还很新鲜，所以我希望有人可以指导我。我不想在问题中发布代码，因为在查看错误时需要考虑很多CSS和HTML。

Answer 1

在检查你的html后，你应该做的就是：

在页脚导航中删除height并将overflow设置为hidden

#footer ul#footer_nav {
 margin-top: 23px;
 float: right;
 text-align: right;
 overflow: hidden;
}

还要删除页脚图标中的height并将overflow设置为hidden

#footer ul#footer_icons {
 margin-top: -3px;
 float: left;
 text-align: left;
 width: 200px;
 margin-left: -2px;
 overflow: hidden
}