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.