title: User agent stylesheet overriding my table style? Twitter Bootstrap
body: <p>I'm using twitter bootstrap. My problem is that font-sizes in tables are wrong. For some reason the User Agent stylesheet is overriding the bootstrap table styles. </p>
  
  <p>On the twitter bootstrap page (<a href="http://twitter.github.com/bootstrap/base-css.html" rel="noreferrer">http://twitter.github.com/bootstrap/base-css.html</a>) everything is of course working correctly. </p>
  
  <p>In my inspector I see the following difference:</p>
  
  <p>My page:</p>
  
  <p><img src="https://i.stack.imgur.com/VLgKh.png" alt="CSS style for my page"></p>
  
  <p>The twitter bootstrap page:</p>
  
  <p><img src="https://i.stack.imgur.com/WuVMq.png" alt="CSS style for twitter bootstrap page"></p>
  
  <p>So definitely the problem is that the user agent stylesheet is overriding the bootstrap styles. </p>
  
  <p>I haven't been able to figure out why this is different on my page and the twitter bootstrap page. </p>
  
  <p>Most of the other CSS is working fine.</p>
  
  <p>My css import: </p>
  
  <pre><code>&lt;link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet"&gt;
  </code></pre>
  
  <p>CSS import on twitter bootstrap page:</p>
  
  <pre><code>&lt;link href="assets/css/bootstrap.css" rel="stylesheet"&gt;
  </code></pre>