I had the pleasure just now of working with tables (shudder), backgrounds, and Safari v3.2.1. In an attempt to acheive rounded corners on the top left and right of the table, I placed a CSS background property on <tr class=”head”>. Safari apparently likes to make the child cells (<td>’s) of said row inherit the background image as well, because hey, sharing is caring. As it turns out, THAT’S NOT WHAT I WANT, SAFARI. Even Internet Explorer, the bane of many web developer’s existances, has a workable hack. Safari does not.
So, my remedy? After sitting and stewing in anger, I followed this advice and gave in. I took the background property off of the table row and put it on its parent, the table itself. Problem solved averted.
