title: Responsive images in tables (bootstrap 3)
body: <p>I'm using the Bootstrap 3 Framework and have some troubles with
  the "img-responsive" class in Firefox.
  I have a 4 column-Table with 15/50/10/25% layout.
  In the first column is an large-image, which should be scaled down to the 15%.
  But this only works in Chrome/Opera, but not in FF/IE (the images are not responsive and therefore too big).</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;table class="table table-striped table-condensed voc_list "&gt;
  
  &lt;thead&gt;
  &lt;tr&gt;
  &lt;th style="width:15%;"&gt;&lt;/th&gt;
  &lt;th style="width:50%;"&gt;Bezeichnung&lt;/th&gt;
  &lt;th style="width:10%;"&gt;Zeitraum&lt;/th&gt;
  &lt;th style="width:25%;"&gt;Ort&lt;/th&gt;
  &lt;/tr&gt;
  &lt;/thead&gt;
  
  &lt;tbody&gt;
  
  &lt;tr class="listview"&gt;
  &lt;td style="padding:15px 0px 15px 0px;"&gt; 
  &lt;a href="xy" title=""&gt;
  &lt;img src="yx.jpg" class="img-responsive voc_list_preview_img" alt="" title=""&gt;&lt;/a&gt;
  &lt;/td&gt;
  
  &lt;td style="width: 50%; padding:15px 15px 15px 15px;"&gt;
  &lt;a href="xy" title=""&gt;
  &lt;h3 class="nomargin_top"&gt;ABC&lt;/h3&gt;
  &lt;/a&gt;
  &lt;/td&gt;
  
  &lt;td style="width:10%;"&gt;
  555
  &lt;/td&gt;
  
  &lt;td&gt;
  XYZ
  &lt;/td&gt;
  
  &lt;/tbody&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>Is this a known problem in BS3? I couldn't find anything.</p>
  
  <p>Edit: <a href="http://jsfiddle.net/cctyb/" rel="noreferrer">http://jsfiddle.net/cctyb/</a> - in Chrome it works, in FF the image is to big</p>