Firefox/Safari setting height as [specified height - padding - border] for input[type=button]

Question

When I use the following CSS:

input[type=button] {
  background-color: white;
  border: 1px solid black;
  font-size: 15px;
  height: 20px;
  padding: 7px;
}
         


        

Answer 1

I got it working removing the padding of the input button and setting a height around 20. then adjusting the height, padding of the anchor element. I Also set the line-height, font-size and the font-family.

worked on FF,IE,safari and chrome :D