Works fine in Chrome/Safari, but in FF and IE the very bottom black bar text (with copyright) the text is not aligned centrally for some reason.
HTML:
<div class="copyright">
Copyright © 2011 Scirra.com. All rights reserved.
</div>
</body>
</html>
CSS:
.copyright
{
color: white;
text-align:center;
background-color: #000000;
font-size: 12px;
padding: 3px;
}
Edit
Answer solves the alignment, but firefox only has the horizontal scroll bug:
Add
overflow: hidden;
to your.footerWrapper
class. The -20pxmargin-bottom
is causing the shift, and setting its overflow tohidden
fixes it:[Edit] Larger version of image