title: td widths, not working?
body: <p>So I have this code here:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td width="200px" valign="top"&gt;
              &lt;div class="left_menu"&gt;
                  &lt;div class="menu_item"&gt;
                      &lt;a href="#"&gt;Home&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td width="1000px" valign="top"&gt;Content&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>with the CSS</p>
  
  <pre><code>.left_menu {
      background: none repeat scroll 0 0 #333333;
      border-radius: 5px 5px 5px 5px;
      font-family: Arial,Helvetica,sans-serif;
      font-size: 12px;
      font-weight: bold;
      padding: 5px;
  }
  
  .menu_item {
      background: none repeat scroll 0 0 #CCCCCC;
      border-bottom: 1px solid #999999;
      border-radius: 5px 5px 5px 5px;
      border-top: 1px solid #FFFFCC;
      cursor: pointer;
      padding: 5px;
  }
  </code></pre>
  
  <p>It works fine on my browser and I have tested it in every browser both mac and PC, but someone is complaining that the <code>td</code> with the <code>width</code> of 200 keeps changing width. I have no idea what he is talking about. Does anyone know why he or she is seeing the width change on the <code>td</code>?</p>