title: Using CSS td width absolute, position
body: <p>Please see this <a href="http://jsfiddle.net/Mkq8L/" rel="noreferrer">JSFIDDLE</a></p>
  
  <pre><code>td.rhead { width: 300px; }
  </code></pre>
  
  <p>Why doesn't the CSS width work?</p>
  
  <pre><code>&lt;table&gt;
  &lt;thead&gt;
  &lt;tr&gt;
  &lt;td class="rhead"&gt;need 300px&lt;/td&gt;
  &lt;td colspan="7"&gt;Week #0&lt;/td&gt;
  &lt;td colspan="7"&gt;Week #1&lt;/td&gt;
  &lt;!-- etc..--&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td class="rhead"&gt;&lt;/td&gt;
  &lt;td&gt;S&lt;/td&gt;&lt;td&gt;M&lt;/td&gt;&lt;td&gt;T&lt;/td&gt;&lt;td&gt;W&lt;/td&gt;&lt;td&gt;T&lt;/td&gt;&lt;td&gt;F&lt;/td&gt;&lt;td&gt;S&lt;/td&gt;
  &lt;td&gt;S&lt;/td&gt;&lt;td&gt;M&lt;/td&gt;&lt;td&gt;T&lt;/td&gt;&lt;td&gt;W&lt;/td&gt;&lt;td&gt;T&lt;/td&gt;&lt;td&gt;F&lt;/td&gt;&lt;td&gt;S&lt;/td&gt;
  &lt;!-- etc... --&gt;
  &lt;/tr&gt;
  &lt;thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Also, what are the effects of position:fixed, absolute etc have on td widths if any? I am looking for a reason more than a fix. I am hoping to understand how it works.</p>
  
  <p><img src="https://i.stack.imgur.com/MS4yo.png" alt="td width is not 300px as desired"></p>