title: Panel inside panel in Bootstrap not creating rounded corners
body: <p>Using Twitter Bootstrap to draw Panels. I have change the padding and background-color, and the round corners isn't get rendered anymore.</p>
  
  <p>Example:</p>
  
  <p><a href="http://jsfiddle.net/Khrys/730sjq8n/3/" rel="nofollow">FIDDLE</a></p>
  
  <pre><code>&lt;div class="panel-group"&gt;
      &lt;div class="panel panel-primary"&gt;
          &lt;div class="panel-heading"&gt;
              &lt;span class="panel-subtitle"&gt;Title&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="panel-collapse collapse in"&gt;
              &lt;div class="panel-body"&gt;
                  &lt;div class="col-md-12" style="padding: 0px;"&gt;
                      &lt;table class="table table-striped" style="margin-bottom: 0px;"&gt;
                          &lt;thead&gt;
                              &lt;tr&gt;
                                  &lt;th&gt;A&lt;/th&gt;
                                  &lt;th&gt;B&lt;/th&gt;
                                  &lt;th&gt;C&lt;/th&gt;
                                  &lt;th&gt;D&lt;/th&gt;
                                  &lt;th&gt;E&lt;/th&gt;
                                  &lt;th&gt;F&lt;/th&gt;
                                  &lt;th&gt;G&lt;/th&gt;
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;ContentA&lt;/td&gt;
                                  &lt;td&gt;ContentB&lt;/td&gt;
                                  &lt;td&gt;ContentC&lt;/td&gt;
                                  &lt;td&gt;ContentD&lt;/td&gt;
                                  &lt;td&gt;ContentE&lt;/td&gt;
                                  &lt;td&gt;ContentF&lt;/td&gt;
                                  &lt;td class="expand"&gt;
                                      &lt;p&gt;Sub-title&lt;/p&gt;
                                      &lt;div class="panel panel-primary"&gt;
                                          &lt;div class="panel-heading"&gt;
                                              &lt;span class="panel-title semquebra menor"&gt;Sub-sub-title&lt;/span&gt;
                                          &lt;/div&gt;
                                          &lt;div class="panel-body menor"&gt;
                                              &lt;table class="table table-condensed"&gt;
                                                  &lt;tr&gt;
                                                      &lt;td colspan="2"&gt;
                                                          Inner text  
                                                      &lt;/td&gt;
                                                  &lt;/tr&gt;
                                              &lt;/table&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &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;
  </code></pre>
  
  <p>With CSS:</p>
  
  <pre><code>body{
      padding: 20px;
      background-color: #ffffff;
  }
  
  
  .panel-body {
      padding: 1px; /*Works, but set it to 0 and it doesn't works*/
      background-color: #ffffff;
      border-radius: 4px;
  }
  </code></pre>
  
  <p>In the Fiddle, you can see the outer panel doesn't have the inferior corners rounded if <code>padding: 0px;</code>. Changing it to <code>padding: 1px;</code>, works but I need 0px.</p>