Question

Why isn’t the footer centered in IE8 on this site?

It’s centered in Chrome, FF, and Safari. Heck, it’d probably work on an Etch-a-Sketch if I could load the code on it…but not IE8.

Answer 1

You have to explicitly set your FOOTER element to a block for IE8.

#colophon {
    display: block;
}

---

Btw, consider including this to your page: http://code.google.com/p/html5shim/

<!--[if lt IE 9]>
<script src="path/to/html5shiv.js"></script>
<![endif]-->

It fixed these kinds of things.