Text input placeholders not displaying in IE and Firefox

Question

My text input placeholders refuse to display in IE and Firefox despite having used the -moz-placeholder attribute. This can be viewed on the contact page here if you are using F

Answer 1

Try to reduce the top and bottom paddings. Some how the vertical padding covers the placeholder. Do not forget to set the height of element to 100%.

input[type="email"], input[type="password"], input[type="text"] { padding: 0 20px; height: 100%; }