In the course of redesigning the new TOPP website, I ran into another odd renderbug which I wanted to document.

The design for the new site includes two drop-down menus (for “About Us” and “Our Work”), and we went with an approach based on the classic Suckerfish menus. Pretty easy to implement, and looked great in our initial design passes. When I went to do some regression testing, I found that Opera was was badly misrendering the menus.

I enjoy squashing renderbugs.

I don’t always enjoy the midway point, when a misrendering issue stubbornly refuses to yield to my ministrations, but that “Eureka” moment where I manage to tease out what’s going on under the hood and come up with a solution – that’s gold.

As a result of the fact that Internet Explorer generally has the most rendering issues, I’ve gotten to be good pals with IE, in it’s various incarnations. When presented with a new renderbug, I sometimes feel like a sitcom parent catching a child with their hand in the cookie jar. “Oh IE you goofball, what mischief have you gotten into this time…”

When we were getting ready to launch the LivableStreets website earlier this year, I ran into an odd renderbug which I’ve finally had time to write up. The issue I found was that Internet Explorer would cut off portions of an element when negative margins caused it to extend beyond its parent.