title: Chrome, Safari ignoring max-width in table
body: <p>I've got HTML code like this:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; 
      &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; 
      &lt;head&gt; 
      &lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /&gt; 
      &lt;title&gt;&lt;/title&gt; 
      &lt;/head&gt; 
  
      &lt;body&gt; 
         &lt;table style="width:100%;"&gt; 
            &lt;tr&gt; 
               &lt;td&gt; 
                  &lt;table style="width:100%; max-width:1000px; background:#000099;"&gt; 
                         &lt;tr&gt; 
                             &lt;td&gt; 
                                 001 
                             &lt;/td&gt; 
                         &lt;/tr&gt; 
                     &lt;/table&gt; 
                 &lt;/td&gt; 
             &lt;/tr&gt; 
         &lt;/table&gt; 
      &lt;/body&gt; 
      &lt;/html&gt; 
  </code></pre>
  
  <p>The problem is that Chrome and Safari are ignoring <code>"max-width:1000px"</code>
  My friend has found that we can prevent it by adding <code>"display:block"</code> for the inner table, and it's somehow working.</p>
  
  <p>So, what I want to know is - are there any other ways of solving this problem and why is this happening?</p>