HTMLのテキスト入力フィールドにパディングを追加する

質問

の右側にスペースを追加したい。 <input type="text" /> の右側にスペースを追加して、フィールドの右側に空のスペースがあるようにします。

ということで、代わりに の代わりに .

というわけで、右側に空白があるだけで、同じ動作です。

私は padding-right を使ってみましたが、これでは何もできないようです。

これをする（あるいはごまかす）方法はないのでしょうか？

どのように解決するのですか？

padding-right は Windows 上の Firefox/Chrome では動作しますが、IE では動作しません。 IE の標準非準拠の素晴らしい世界へようこそ。

参照してください。 http://jsfiddle.net/SfPju/466/

HTML

<input type="text" class="foo" value="abcdefghijklmnopqrstuvwxyz"/>

CSS

.foo
{
    padding-right: 20px;
}