images in bootstrap tables firefox and IE

I have a thumbnail image in table rows to show a preview of the post. It looks great in Chrome but is not scaling in IE or Firefox.... Please help :)

<div class="table-responsive">

      <table class="table shrink table-striped">
        <thead>
          <tr>
            <th>Preview</th>
            <th class= "hidden-xs">Heading</th>
            <th class= "hidden-xs">Price</th>                   
            <th class= "hidden-xs">Make</th>
            <th class= "hidden-xs">Model</th>
            <th class= "hidden-xs">Year</th>
            <th class= "hidden-xs">Mileage</th>
            <th class= "hidden-xs">Transmission</th>
            <th class= "hidden-xs">Title Status</th>
            <!-- <th> Neighborhood</th> -->
            <th class= "hidden-xs">Last Updated</th>

          </tr>
        </thead>

        <tbody>
          <% @posts.each do |post| %>
          <tr>

           <td width="10%" height="100%"> 
            <% if post.images.empty? %>
            <%= link_to (image_tag ("http://ift.tt/1xnTfvz")), post, class: "img-responsive", class: "thumbnail" %>
            <% else %>
                <%= link_to (image_tag(post.images.first.url)), post, class: "img-responsive", class: "thumbnail"  %>
            <% end %>
          </td>