Chrome - 「width：0px」の問題

Question

Chromeで「width：0px」という奇妙な問題が発生しているようです。 リンクを部分的に隠すために、幅を0に設定しています。マウスオーバーすると、簡単なアニメーションでリンクが表示されます。 FirefoxとOperaはうまく動作しますが、Chromeでは幅がに設定されていても、リンクのテキストが表示されています。あなたの便宜のために

を（IEとSafariで私は今テストすることはできません）、私はここで、フィドルにコードを追加しました：http://jsfiddle.net/mihaidoru/yNzSH/

QUESTION：どのように私はChromeがFirefoxのみ、CSSと同じものを表示することができますが、 可能なら。

注：メニューは、CSS： "position：fixed; right：0px"を尊重する必要があります。

ご協力いただければ幸いです。

ありがとうございます。

Answer 1

CSSのoverflowプロパティを使用することができます私は0PXの代わりに1pxのために幅を設定しています。緑色の背景が現れるようにします。その上にマウスを置くと、緑色の背景が予想通りに拡大します。あなたのjQueryで1pxに変更しました。

updated fiddle

Answer 2

リンクをoverflow: hiddenに設定します。

Answer 3

あなたは

overflow: hidden; 

Answer 4

overflow: hidden私のために動作しません、display:noneを試してみてください。 javascriptは大丈夫です。