Ajust table column width to content size

Question

Form (with firebug highlight hover the td):

Label column CSS:

width: auto;
padding: 0;
margin: 0;

The problem:

Why my left columns have that invisible "padding-right"? It's not possible to shrink columns to fit their content?

--EDIT--

The problem was the table itself. I defined table with "width: 100%". Removed that and the problem is gone.

Answer 1

maybe problem with margin?

width:auto;
padding: 0px;
margin: 0px

Answer 2

Try using:

border-collapse: collapse;

to style your table

Answer 3

The problem was the table itself. I defined table with "width: 100%". Removed that and the problem is gone.