Firefox table border offset

HTML

<table>
<tbody><tr><td>Hello</td><td>there,</td></tr>
<tr><td>Mr</td><td><div></div><input type="button" value="Button" /></td></tr></tbody>
</table>

CSS

table{
  border-collapse: collapse;
  border-color: black;
  background-color:white;
}
td{
  border:10px solid black;
  padding:0px;
  position:relative;
}
input{
  position:absolute;
  top:0;
  bottom:0;
  margin:0;
  border:0;
  outline:0;
  padding:0;
  background-color:green;
}
div,input{
  height:18px;
  width:45px;
}