title: Column width for <th> not working
body: <p>Here is my html:</p>
  
  <pre><code>     &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;    
  
  &lt;link href="css/bootstrap.css" rel="stylesheet"&gt;
  &lt;link href="css/bootstrap-theme.css" rel="stylesheet"&gt;
  
  &lt;/head&gt;
  &lt;body style="padding-top: 47px;"&gt;
  
  &lt;table class="table table-hover table-striped-custom"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th style="width: 5px;"&gt;&lt;/th&gt;
              &lt;th&gt;Column2&lt;/th&gt;
              &lt;th&gt;column2&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td style="background-color: #FF5F5F;width: 5px;"&gt;&lt;/td&gt;
                  &lt;td&gt;blaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&lt;/td&gt;
                  &lt;td&gt;bla&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style="background-color: deepskyblue"&gt;&lt;/td&gt;
                  &lt;td&gt;bla&lt;/td&gt;
                  &lt;td&gt;bla&lt;/td&gt;
              &lt;/tr&gt;
  
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>Problem is when setting width for first column: it won't go under 16px. If I put bigger width(20,50), colored column become larger, but when I try to set them  thinner (for example 7px), It doesn't take any effect.
  How can I do it, without removing any css class from existing template. Colored column have to be first, it's height must be as row's height and I have to be able to set it's width to any value I want.</p>