The redesign is done. For now, at least. I’ve gotten the font colors set and I got rid of the weird gaps I was seeing in MSIE 5.5. Here’s another reason (to add to the billions) why IE on Windows is an awful browser. The banner is an absolutely positioned div that’s 155px tall. The exact height of the banner logo that’s in it. Well, I was getting a gap at the bottom which indicated that the banner div was actually displaying at around 158 (or so) pixels tall. Why would that be? Turns out, it had to do with the fact that my html was formatted like this:


<div id="banner">
  <img src="banner-logo.jpg" height="155" etc etc etc>
</div>


See, it was those carriage returns before and after the image tag that did it. When I took them out so the html looks like:


<div id="banner"><img src="banner-logo.jpg" height="155" etc etc etc></div>


Then it worked fine. How stupid is that? IE for MacOS X and Mozilla did this correctly.

Ok, I’m done ranting. We now return you to your regularly scheduled life, already in progress.