Minimal

You may have noticed a few things changing here over the last couple of days. I’ve:

• added a search facility,
• rationalised the links in the page header,
• added the Serenity theme,
• allowed you to select your preferred theme and
• fixed a whole raft of CSS bugs.

One thing I’ve not fixed, however, is the weird extra pixel you get to the right of the header in IE. Turns out it’s nothing to do with the usual box model nasties. It’s all down to the faux columns I use as a background for the page.

The columns’ tile is centred in the body tag using the CSS background-position property. The page content, on the other hand, is centred by setting its horizontal margins to auto. In Internet Explorer 6 (which is all I’ve got to go on), these two centring techniques don’t agree and the faux columns are shifted 1 pixel to the right. As a result, the right-hand column appears to peep out from the side of the header. Gah!

So, what do I do? I can either stop using faux columns, or I can just live with it. Were this a commercial site, I’d probably stop using faux columns. However, it’s not, so I won’t. I’ll just wait for Microsoft to resolve the disparity and let IE users deal with the ugly header. I’m all right, Jack—I use FireFox. :)