境界線の半径はie9で、要素内にクリアな線を作成します（参考のためにリンクされた画像）

Question

私はcssを使用してアンカータグ（下のcss）でボタンスタイルを作成しています。丸みのあるコーナーが完全に表示されます。しかし、ボタンの内側には奇妙なバンディングがあります。私は何を意味するかを示すために画像を添付しました。ボタンの半分を通り過ぎるこれらの線があります。それは本当に奇妙で、私が見つけたチュートリアルのボタンにも表示されます。チュートリアルへのリンクは次のとおりです。http://pythoughts.com/pure-css-buttons/

これを引き起こしている原因は何ですか？線は実際には透明です。中央のdivの黄色の背景がボタンの線を通るように見えるからです。私はここでこの問題を解決する方法を失っています。

CSS：

.button{ 
    padding:1px 5px; 
    background:#cbebd3; 
    color:#333; 
    border:1px solid #98b99e; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
} 

私はそうのようなスタイルを使用しています：以下の提案を1として

、私が試した：

<a href="some-link.php" class="button">View Details</a> 

ここでは画像ですjsfiddleのコードを出して、同じ結果を得ました。下に示された。あなたがdisplay: block;やfloat: left;を追加する必要が

Answer 1

それ以外のタグは、私のIE9ではインライン

Answer 2

である（7勝つ）も素晴らしい作品、私はあなたに1つのアドバイスを与えることができ、あなたがBORDER-のプレフィックスを追加する必要がいけません半径、ボックスシャドウとテキストの影、それ以上、 ボーダー半径 ボックスシャドウ テキスト影 （多分より多くのもの） は今、私はリンクで問題を見ることができない