IE/Firefox rendering padding different than Chrome/Safari

[JShor]

Hi all,

I have a mind-boggling issue here. In Firefox and IE, when I set a table to have no padding (cellpadding="0") it renders the table with no padding.

However, in Chrome/Safari, there seems to be about 2 pixels of padding in each cell.

I have made a small example here:
http://www.attendthat.com/test5.php

Can anyone please tell me what I'm doing wrong? I've been frustrated with this for days.

Thanks in advance!

[jscheuer1]

It's default margins in those browsers for the form elements (the inputs and the select), add this style:


input, select {
margin: 0;
}

[JShor]

Yep, that worked perfectly. Thanks John!