title: Make background image of td to fit to 100% for non static images
body: <p>I have td tag:</p>
  
  <pre><code>&lt;td class="np-logo" style="width: 228px; height: 50px;"&gt;
                                              &lt;/td&gt;
  </code></pre>
  
  <p>And CSS:</p>
  
  <pre><code>.np-logo
  {
  background-repeat: no-repeat;
  background-size: 100%;
  }
  </code></pre>
  
  <p>And i am changing the image according to company logo.and all images have different-different size and width.</p>
  
  <pre><code>.np-logo{background-image:url('" + companylogo + "');
  </code></pre>
  
  <p>The problem is images are not getting fitted to td correctly.i want them to occupy whole td .but for every company the background image position is non uniform.I even tried using java script on image load to fit to container. didn't worked though.</p>
  
  <p>any help guys...? </p>