css - Opera input type="submit" テキストの折り返し

Question

私のウェブサイトには次のボタンがあります。

<div id="container-div">
    <input class="site-button" type="submit" value="very long text">
</div>

次の CSS を使用します。

#container-div .site-button {        
    font-size: 27px;
    height: 100px;
    text-transform: uppercase;
    width: 200px;
    white-space: normal;
    word-wrap: normal;
}

ここでわかるように: http://jsfiddle.net/wDU8w/1/ Opera を除くすべてのブラウザで、ボタンの内側でテキストがうまく折り返されます。

white-spaceandにさまざまな値を入れてみましword-wrapたが、結果はありませんでした。

<button>グーグルとフォーラムのブラウジングの後、代わりに要素を使用<input type="submit">すると問題が解決することがわかりました。ただし、HTML 出力は PHP スクリプトから生成されるため、干渉したくありません (サイトに CMS を使用しています)。ボタン内のテキストを Opera に強制的にラップさせる CSS の方法はありますか?

Opera 12.15 を使用しています