title: Background image repeating even with 'background-repeat: no-repeat'
body: <p>I can't stop the image repetition in my <code>td</code> elements. It looks very ugly. How do I solve this? I've added <code>background-repeat: no-repeat</code> code also, but it's still not working. Please don't suggest removing the <code>%</code> from the width of my <code>td</code>. </p>
  
  <p><img src="https://i.stack.imgur.com/wC5tY.png" alt="enter image description here"></p>
  
  <pre><code>&lt;table bgcolor="#d0e9ff" width= "100%"&gt;
   &lt;td width="9%" height="40" background="images/button.jpg" background-repeat: no-repeat&gt;
       &lt;div align="center" border="0"&gt;&lt;font face="arial, verdana, san-serif" size="2" &gt;&lt;a href="index.html " style="text-decoration:none"&gt; 
       &lt;font color="#ffffff"&gt;&lt;b&gt;Home&lt;/a&gt;&lt;/font&gt;&lt;/div&gt;
    &lt;/td&gt;
  
    &lt;td width="9%" height="40" background="images/button.jpg" background-repeat: no-repeat&gt;
       &lt;div align="center"&gt;&lt;font face="arial, verdana, san-serif" size="2"&gt;&lt;a href="aboutus.html" style="text-decoration:none"&gt;
       &lt;font color="#ffffff"&gt;&lt;b&gt;About Us&lt;/a&gt;&lt;/font&gt;&lt;/div&gt;
    &lt;/td&gt;
  
    &lt;td width="9%" height="40" background="images/button.jpg" background-repeat: no-repeat&gt;
      &lt;div align="center"&gt;&lt;font face="arial, verdana, san-serif" size="2"&gt;&lt;a href="T&amp;C.html" style="text-decoration:none"&gt;
      &lt;font color="#ffffff"&gt;&lt;b&gt;Training and Certifications&lt;/a&gt;&lt;/font&gt;&lt;/div&gt;
    &lt;/td&gt;
  
    &lt;td width="9%" height="40" background="images/button.jpg" background-repeat: no-repeat&gt;
       &lt;div align="center"&gt;&lt;font face="arial, verdana, san-serif" size="2"&gt;&lt;a href="services.html" style="text-decoration:none"&gt;
       &lt;font color="#ffffff"&gt;&lt;b&gt;Services&lt;/a&gt;&lt;/font&gt;&lt;/div&gt;
     &lt;/td&gt;
  
      &lt;td width="9%" height="40" background="images/button.jpg" background-repeat: no-repeat&gt;
       &lt;div align="center"&gt;&lt;font face="arial, verdana, san-serif" size="2"&gt;&lt;a href="Contactus.html" style="text-decoration:none"&gt;
       &lt;font color="#ffffff"&gt;&lt;b&gt;Contact Us&lt;/a&gt;&lt;/font&gt;&lt;/div&gt;
     &lt;/td&gt;
  &lt;/table&gt;    
  </code></pre>