What is equivalent for cellpadding="0" cellspacing="0" in CSS

I need to find equivalent for cellpadding="0" cellspacing="0" in CSS so it will work in all browsers.
I tried

HTML

<table class="tbl" border="0">
<tr>
<td><img src="images/logov1.gif" alt="" width="341" height="20"></td>
<td></td>
</tr>
<tr>
<td><img src="images/logov2.gif" alt="" width="341" height="100"></td>
<td></td>
</tr>
</table>

HTML:

CSS

.tbl{border-collapse: collapse; border-spacing: 0px; width: 100%; padding:0px; }

Code (markup):

even I tried

table {
border-collapse : collapse;
}

table td, table th {
padding : 0;
}

Code (markup):

It works only in Internet Explorer,
In Firefox and Chrome there is a space between images.

 

Do you have a master reset in the CSS as Firefox and Chrome add the padding initially in the browser settings.

 

Have you thought about not using a table in the first place?

That's the beauty (among others) of CSS, that you can just position anything exactly where you want it.

 

You almost will never get a fully universal look / feel across all browsers (even between FF and Chrome).

Also note that you are putting padding 0 for the COLUMN "td". If you are looking to have the two images on top of each other, try making the margin / padding for "table tr" 0 as well? just a thought

ALSO remove the second <td></td> that could be causing a spacing as well.

 

James is right, unless you want to include IE hacks. Removing the extra <td></td> in each row will probably help.

 

try this:

table td, table th {margin: 0;padding : 0;}

Code (markup):