title: Top padding is not working on table when using border-collapse
body: <p>I have this CSS for a table inside a div:</p>
  
  <pre><code>#orderTabel {
  padding-top: 30px;
  border-collapse: collapse;
  }
  </code></pre>
  
  <p>But the padding has no effect. When I delete <code>border-collapse: collapse;</code>, it works but adds 30px to the top-border instead of 30px of empty space.
  When I use <code>margin-top: 30px;</code>, it also works, but adds 30px to the entire div. </p>