# Overriding Problem? - Defies the CSS Laws

**URL:** <https://forum.kirupa.com/t/overriding-problem-defies-the-css-laws/240014>\
**Category:** Uncategorized\
**Created:** [September 28, 2007, 9:49am UTC](https://forum.kirupa.com/t/overriding-problem-defies-the-css-laws/240014 "2007-09-28T09:49:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matt\_Blank](https://avatars.discourse-cdn.com/v4/letter/m/9fc29f/32.png) [@Matt\_Blank](https://forum.kirupa.com/u/Matt_Blank)\
**Post date:** [September 28, 2007, 9:49am UTC](https://forum.kirupa.com/t/overriding-problem-defies-the-css-laws/240014/1 "2007-09-28T09:49:30Z")

</div>

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