[解決済み] 要素の幅を100%からパディングを引いた幅にするには？

質問

html入力があります。

この入力には padding: 5px 10px; 親Divの幅（fluid）の100%になるようにしたいのですが。

しかし width: 100%; を指定すると、入力が 100% + 20px これを回避するにはどうしたらよいでしょうか？

例

解決方法は？

box-sizing: border-box が手っ取り早く、簡単に直せる方法です。

この はすべてのモダンブラウザで動作します とIE8+です。

以下はデモです。 http://jsfiddle.net/thirtydot/QkmSk/301/

.content {
    width: 100%;
    box-sizing: border-box;
}

ブラウザのプレフィックス付きバージョン( -webkit-box-sizing など)は、最近のブラウザでは必要ありません。