title: width DIV in TD
body: <p>My HTML:</p>
  
  <pre><code>&lt;table class="tab"&gt;
      &lt;tr&gt;&lt;td&gt;aa&lt;/td&gt;&lt;td&gt;aa&lt;/td&gt;&lt;td&gt;aa&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td colspan="3"&gt;&lt;div class="in"&gt;bbb&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;table class="tab"&gt;
      &lt;tr&gt;&lt;td&gt;aa&lt;/td&gt;&lt;td&gt;aa&lt;/td&gt;&lt;td&gt;aa&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td colspan="3"&gt;&lt;div class="in"&gt;bbbbb&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>.tab td {
      padding: 3px;
      border: 1px solid red;
  }
  
  .in {
      background-color: green
  }
  </code></pre>
  
  <p>How can I set that green background to have the same width as text in this DIV, not for all TD?</p>
  
  <p>LIVE: <a href="http://jsfiddle.net/xE4gS/" rel="nofollow">http://jsfiddle.net/xE4gS/</a></p>