The recent Microsot Internet Explorer (IE) problem was bothering me, because it meant the pages were not usable with IE. I wouldn’t mind a cosmetic problem as much (even though they tend to get to me, too) but links not working and pictures not being visible is just too annoying.
I was playing with the CSS, experimenting with the “floating dt” that I had avoided in the last workaround due to it “disappearing” on IE. When I made the dd element floating as well, I saw that IE was rendering the contents below and outside the white box (#envelope) that holds the main content on each page. In the past this has been a giveaway for IE miscalculating the size of the containing element, and sure enough — the “fix” was an added width: 100% property for the misbehaving container.
The “invisible images” were restored to visibility with the same fix on the appropriate container. I’m glad it didn’t need another couple of hours of CSS tweaking in the dark.
It’s nice to have the site working again, but I’d rather not spend my free time on something stupid like inventing workarounds for a buggy browser. (Not that I expect Microsoft to pick up any hints from here.)
Enjoy!