input padding cutting out text in firefox
In firefox when I use a bootstrap form-control input element, if I pad the input element it cuts out the text by padding inwards rather than around the text. It only seems to have this effect in firefox. This jsfiddle demonstrates the problem: http://jsfiddle.net/v76xB/ Form input html: <input id="name" type="text" class="form-control join-form" placeholder="Enter a Username"> CSS: .join-form { padding: 24px; /*comment this out to see effect of padding */ margin: 12px 0px; font-size: 16px; letter-spacing: 0px; font-weight: 300; } This is about as specific as I can get to replicate this error.