title: Bootstrap vertically shifts <strong> text within a <td> for some reason -- how to fix this?
body: <p>Using the latest straight download of Twitter Bootstrap, the following</p>
  
  <pre><code>&lt;table class="table"&gt;
      &lt;tr&gt;&lt;td&gt;not bold &lt;strong&gt;bold&lt;/strong&gt; not bold&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>causes the bold text (i.e. the word "bold") to be slightly shifted downward so that it's no longer vertical on the same line as the rest of the text. </p>
  
  <p>I see the downward shift with Chrome and Safari but NOT with Firefox. (EDIT: based on the comments, it seems this may only happen on a Mac.)</p>
  
  <p>Is this supposed to happen? Am I doing something wrong? If it's a bug, any suggested workaround?</p>