title: Mozilla does not recognize display:inline-block inside display:table-cell container
body: <p>I am trying to build fluid layout using CSS with following code. (Sorry If I include to much).</p>
  
  <p>Here is code for reset.css</p>
  
  <pre><code>body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
      margin:0;
      padding:0;
  }
  table {
      border-collapse:collapse;
      border-spacing:0;
  }
  fieldset,img { 
      border:0;
  }
  address,caption,cite,code,dfn,em,strong,th,var {
      font-style:normal;
      font-weight:normal;
  }
  ol,ul {
      list-style:none;
  }
  caption,th {
      text-align:left;
  }
  h1,h2,h3,h4,h5,h6 {
      font-size:100%;
      font-weight:normal;
  }
  q:before,q:after {
      content:'';
  }
  abbr,acronym { border:0;
  }
  </code></pre>
  
  <p>Here is code for mycss.css</p>
  
  <pre><code>.border
  {
  /*
      border-color:#000000;
      border-style: solid;
      border-width: 1px;
  */  
      background-color: #000000;
  }
  
  .border-aqua
  {
  /*
      border-color: #13eded;
      border-style: solid;
      border-width: 1px;
  */  
      background-color: #12eded;
  }
  
  .border-red
  {
  /*
      border-color: #ff0404;
      border-style: solid;
      border-width: 1px;
  */
      background-color: #ff0404;
  }
  
  .border-green
  {
  /*
      border-color: #008100;
      border-style: solid;
      border-width: 1px;
  */
      background-color: #008100;
  }
  
  .border-blue
  {
  /*
      border-color: #0000fd;
      border-style: solid;
      border-width: 1px;
  */
      background-color: #0000fd;
  }
  
  .border-blue:hover
  {
      background-color: #ff0404;
  }
  
  #title
  {
      margin: 10px;
      height: 40px;
      width:auto;
  
      display: block;
  
  }
  
  #ide
  {
      margin-bottom: 10px;
      margin-left: 10px;
      margin-right: 10px;
      height: 80%;
  
      width: auto;
  
  
      display: block;
  }
  
  #container
  {
      width:100%;
      height: 100%;
      display:table;
  }
  
  #tasks
  {
      height: 100%;
      width:250px;
      display:table-cell;
  }
  
  
  #selectedView
  {
      height: 100%;
      width: 200px;
      display: table-cell;
  }
  
  .selectedTasks
  {   
      height:30px;
      width: 150px;
      display: block;
  
  
      display:-moz-inline-stack;
      display:block;
  
  
      background-color: #878787;
  
  }
  
  #selectedViewExpander
  {
      height: 100%;
      width: 15px;
      display: table-cell;
  }
  
  
  #area
  {
      width: auto;
      height: 100%;
      display: table-cell;
  }
  </code></pre>
  
  <p>and here is html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Testing&lt;/title&gt;
          &lt;link href="./css/reset.css" rel="stylesheet" type="text/css" media="all"&gt;
          &lt;link href="./css/mycss.css" rel="stylesheet" type="text/css" media="all"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="title" class="border"&gt;&lt;/div&gt;
          &lt;div id="ide"&gt;
              &lt;div id="container" class="border"&gt;
                  &lt;div id="tasks" class="border-red"&gt;&lt;/div&gt;
                  &lt;div id="selectedView" class="border-green"&gt;
                      &lt;p class="selectedTasks"&gt;Copy&lt;/p&gt;
                      &lt;p class="selectedTasks"&gt;Past&lt;/p&gt;
                      &lt;p class="selectedTasks"&gt;Cut&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div id="selectedViewExpander" class="border-blue"&gt;&lt;/div&gt;
                  &lt;div id="area" class="border-aqua"&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;          
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have problem with displaying this page in Mozilla. However in Chrome and Safari everything work properly. I am new at css and html. If somebody gives me advice on this it will be really appreciated. Or give some idea how I can figure out this kind of problems in future. Thank you in advance.  </p>
  
  <p>Link to <a href="http://jsfiddle.net/TEy2p/" rel="nofollow">Fiddle</a> </p>