please note the fiddle: http://jsfiddle.net/cBWaG/4/
I have a container with a padding. What I want is the input(text) to be 100% width from within the padding. Currently though it overshoots the padding. Suggestions on how to prevent the input from overshooting the container/padding without having to use a fixed width?
Thanks
Form inputs are really hard to style. And it’s especially hard to make the style look consistent across all browsers. One of the best ways I’ve found to style text inputs is to get rid of the border, outline, padding, and margin. Then wrap the input in a div with the border, outline, padding, and margin that you want.
I think I achieved what you want. Check out this forked jsFiddle: http://jsfiddle.net/aP2Ju/