CSSの動かないコード（中級編） Windowsのデスクトップテーマが「XP」の時，ボタンに背景画像を表示したい

クイズ… 下記の HTML＋CSS が，意図した通りに表示されないのはどうしてですか。（制限時間１分）

やりたい事：

• ボタンの背景に，画像を表示したい。

<style>
  input {
    /* ボタンの背景に画像を表示する */
    background-image : url(fuga.PNG);
    
    /* 背景画像は繰り返さず，左端に１つだけ表示 */
    background-repeat : no-repeat;
    
    /* 背景画像の右隣に，ボタンの文言が見えるようにする */
    padding-left : 50px;
  }
</style>

<input type="button" value="hoge">

※なお，fuga.PNGのサイズは50px以下とする。