Text input with 100% width inside a td expands/continues outside the td

Question

Here is the live demo

I\'m trying to put a padded text input inside a td, and I want it to occupy 100% of the width, but it goes outside of the td. I don\'t underst

Answer 1

you can use box-sizing property for this because padding add width in your input field .

CSS:

input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
    padding: 10px;
}

but it's not working IE7