title: bootstrap panel does not clip ckeditor generated table in heroku
body: <p>I have a blogging platform where bloggers use ckeditor to create posts. When a user creates a body containing a table, and I show the body inside a bootstrap panel within a col-md-3, the table overflows beyond the panel. So, I added a wrapper with class clipped, and set the style to overflow:hidden. It seems to work in dev. See <a href="http://www.bootply.com/rdM60mFcKL" rel="nofollow">http://www.bootply.com/rdM60mFcKL</a></p>
  
  <p>But when I deploy it to production, the table still overflows out beyond the containing panel-body. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;  
      &lt;div class="col-md-3"&gt;
        &lt;div class='clipped'&gt;
          &lt;div class="panel panel-warning"&gt;
            &lt;div class="panel-body"&gt;
              &lt;table border="1" cellpadding="1" cellspacing="1" style="width:500px"&gt; 
                  &lt;tbody&gt;&lt;tr&gt; 
                    &lt;td&gt;Foo&lt;/td&gt; 
                    &lt;td&gt;Bar&lt;/td&gt; 
                    &lt;td&gt;Baz&lt;/td&gt; 
                  &lt;/tr&gt; 
              &lt;/tbody&gt;&lt;/table&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;          
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.clipped, .clipped .panel, .clipped .panel-heading, .clipped .panel-body, .clipped .panel-footer, .clipped table  {
    overflow: hidden;
  }
  </code></pre>
  
  <p>The only thing I can think of is that ckeditor has some styles on its content that are overriding the behavior. </p>