title: css - how to remove inherited style
body: <p>Please see this : <a href="http://jsfiddle.net/ymSpY/" rel="nofollow">http://jsfiddle.net/ymSpY/</a>. If you can see <code>&lt;td&gt;</code> has an inner table. The inner table inherits the style from the parent table. The inner table has borders. How can I make the border invisible or remove it? As you can see the markup of the inner table  it has <code>style="border-collapse: collapse;"</code> and I even tried <code>border=0</code>  but it doesn't work. The border of the inner/child table is still there.</p>