title: overflowed table inside div
body: <p>I have a small problem. </p>
  
  <pre><code>&lt;div style="height:500px; overflow:hidden"&gt;
      &lt;table style="height:1000px"&gt;....&lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>overflowed parts of table are visible. how can I fix this</p>
  
  <p><strong>Updated:</strong></p>
  
  <p>My code is exactly like this:</p>
  
  <pre><code>&lt;style&gt;
  #trademark img{
  width:300px;
  height:250px;
  box-shadow: 0px 0px 50px #888888;
  }
  &lt;/style&gt;
  
  &lt;div id="trademark" style="height:570px; overflow:hidden; background-color:#F00"&gt;
      &lt;table id="trade_content" style="position:absolute; margin-left:103px;" border="0" cellpadding="15"&gt;
      &lt;tr&gt;
      &lt;td align="center"&gt;&lt;img src="1.png"&gt;&lt;/td&gt;
      &lt;td align="center"&gt;&lt;img src="2.png"&gt;&lt;/td&gt;
      &lt;td align="center"&gt;&lt;img src="3.png"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>