A very short time ago, when I was creating Pong for the games section, everything seemed to be going smooth. A little too smooth as it turned out. No more than a day later, a friend of mine was playing the game in IE6, and noticed that the ball was, for some bizarre reason, about 12px in height. At first I brushed it aside thinking he was simply messing around with me, until I got home that night and played the game in IE6. Sure enough, even though the height and width were hardset at 5px, the ball was 12 pixels tall.

I pulled my hair out for what seemed like an eternity trying to fix this ridiculous issue, and I’d nearly exhausted all possible options. Because of this, I decided to try setting what I thought would be a pretty stupid idea, and set font-size: xx-small. As if by magic the div height was reduced, and all was well....