how can checkbox width fill the tablecell?

here is my code:

<table>
<tr style="border-color:#FFFFFF">
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
<td id="td_check"><input name="ch1" type="checkbox"></td>
</tr>
</table>

and here my css code:

td{
   white-space: nowrap;
 }
table{
  text-align: center;
}
input[type="checkbox"]{
 -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(3); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;

}
#td_check{
padding-bottom: 0PX;
    padding-top: 4px;
}

i want to every checkbox in the table fill the parent(tablecell).i mean every cell fill with a checkbox.if i change the widh of checkbox its not gonna work in fierfox browser. if it possible, how can i do it?