Viewing this page in Chrome and Safari will present no problems—each button will appear just like it's neighbor.
However, in Firefox, prior to v30 (coming in June-ish), the last two buttons will be shorter than the first two. This is due to Firefox's overly specific
You can address this by avoiding
line-height in your buttons and using only
padding for vertical spacing. If this works for you, great, but I'd still recommend using
<button> elements everywhere.