css ie/FF 与 chrome 完全不同

Question

我刚刚完成了我的投资组合网站，这是我第一次尝试使用 html5，它在 Chrome 中看起来很棒。但是当我在 IE 和 FF 中测试它时，IE9 除外，标题中出现了一些主要差异。我认为这是因为 header 具有固定位置。我这样做是因为菜单。我创建了一个单页导航器，如果我没有将位置设置为固定，则当您单击菜单项时菜单会消失。

第二个错误是，在 IE 中，所有图像都有蓝色边框，这在 Chrome 中不会出现。

第三个错误是标题中的字体也与 IE 不同。我为它使用了@font-face 字体。

我的 HTML 和 CSS 代码在 W3C 上验证。

您可以在 www.nathaliedehertogh.be 找到该网站

谁能帮我解决这个问题。

Answer 1

您需要做的就是将 clear:both 添加到 #menu，并将 border:0 添加到 img。

在某些浏览器中，蓝色轮廓是默认的，以表明图像是链接。