次の例 - http://jsfiddle.net/v4CdY/2/では、テーブルは親 div 要素の下の境界線を越えています。これは、テーブルに align="left" 属性がある場合に発生します。この属性を削除すると、テーブルは div 要素内に適切にネストされます。なんで?
<div style="border: 1px solid; padding: 8px 16px;">
<table align="left" border="1" cellpadding="1" cellspacing="1" style="border-collapse: collapse;">