Hi guys,
In my style sheet I have:
#container {display: table-cell}
#container {display: inline-table}
It literally looks like the above, so that one is below the other. The rules of CSS would say that all browsers should therefore display inline-table as that should override the one above.
But it doesn’t…well at least not in Firefox! I needed the two rules to apply to two different browsers, table-cell for Firefox and inline-table for Safari. To my amazement that’s exactly what happens! While I’m happy about this, I don’t understand it.
I’ve defied the laws of CSS. Can anyone explain how or why this happens?
Thanks!
Matt
