inset outsetの組み合わせでの、firefoxのCSSでpaddingの差分

1.insetとoutsetの組み合わせのbuttonを作成

2.html

<table>
  <tr>
    <td class='v'>
      <span>
        <button id='select'>Select
      </span>
   </td>
  </tr>
</table>

3.css

table td.v span {

    border: 1px inset #ffffff;
    margin : 0px;
    border-radius: 3px;
    padding: 18px 0 18px 0;

}

4.firefox
・firefoxではレイアウトが崩れるので、下のように補正を入れる
18px -> 19px

@-moz-document url-prefix() {
  table td.v span {

    padding: 19px 0 18px 0;

  }
}