页脚在 Mozzilla Firefox 14.0.1 中看起来更下方,而在 Safari 和 Chrome 中看起来很好。它在所有浏览器中都可以正常工作,但在外观方面有很大不同,比如再往下 20 或 30 像素(在 Firefox 中)。
怎么做才能使它们看起来尽可能相似?
HTML:
<footer>
<a href="mailto:info@site.com ?subject=Hello">Contact us</a>
<p id="copy">© 2012<?php echo date('Y'); ?> someone.</p>
</footer><!-- #footer -->
CSS:
footer {
width: 740px;
margin: 0 auto;
height: 23px;
background: #222222;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
color: #cf2e45;
}