title: Table cell shrinks when content is added (Firefox; contenteditable="true")
body: <p>Firefox issue: Does anyone know how to stop the table cell from shrinking and growing? Type a letter on the line and the cell shrinks (watch the space below the line); delete the letter and the cell grows back.</p>
  <p>I tried with a div instead of a span and the cell shrinks but stays shrunk when the content is deleted.</p>
  <p>I tried it without Bootstrap and it's the same.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>span {
    border-width: 0 0 1px !important;
    border: 1px solid black;
    display: inline-block;
    max-width: 225px;
    min-width: 175px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /&gt;
  
  &lt;table id="table" class="table table-bordered table-condensed table-hover"&gt;
    &lt;tr&gt;
      &lt;th&gt;
        header
      &lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;span contenteditable="true"&gt;&lt;/span&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>