I’m used to dealing with incorrect CSS rendering, lackluster AJAX support, memory leaks, and all the rest of it in IE. But the other day I came across something new and baffling - and it’s not an IE problem, so it was a huge Whiskey-Tango-Foxtrot* moment.
The problem: In Safari (2.0.3), nothing within the <form> … </form> tags was showing up. But if I removed the opening <form> tag, the inputs, labels, etc. showed up as expected!
After much head-scratching, fruitless Googling, and futzing with HTML and CSS, I found the fix: the form was inside a div, and when I applied display: block to the containing div, all the form elements showed up correctly!
I guess that’ll be one more for the Quirksmode list of Safari bugs!
Update: This happens only if the containing div has the clearfix class applied.
* h/t Rusty
READ ME: Disclaimer