Removing unwanted table cell borders with CSS

Answer 1

You need to add this to your CSS:

table { border-collapse:collapse }

Answer 2

sometimes even after clearing borders.

the reason is that you have images inside the td, giving the images display:block solves it.

Answer 3

Modify your HTML like this:

<table border="0" cellpadding="0" cellspacing="0">
    <thead>
        <tr><td>1</td><td>2</td><td>3</td></tr>
     </thead>
    <tbody>
        <tr><td>a</td><td>b></td><td>c</td></tr>
        <tr class='odd'><td>x</td><td>y</td><td>z</td></tr>
    </tbody>
</table>

(I added border="0" cellpadding="0" cellspacing="0")

In CSS, you could do the following:

table {
    border-collapse: collapse;
}