通過懸停背景忽略的CSS圓角？ （Twitter-Bootstrap）

Question

我對Twitter-Bootstrap導航欄有些困惑，它的轉彎角落。我爲導航欄定義了圓角。當你用光標懸停在導航欄上時，a：hover背景似乎忽略了角落。

下面是一些截圖：

看起來不錯光滑的角落。

而這發生在一個：懸停

我如何定義一個：懸停在CSS沒有覆蓋的角落？我知道一種方法是使用圖像文件，但此時此選項不適用。

---

編輯：

我已經成功地使左側一：使用@弧度的代碼懸停彎曲，然而，右側菜單答：懸停效果得到徹底搞砸了。

此代碼應該爲第一個菜單鏈接添加圓角，它實際上做了什麼，但有一些不需要的效果。

.navbar .nav > li:first-child a { 
    border-top-left-radius: 6px !important; 
    border-bottom-left-radius: 6px !important; 
} 

，作用如下：

1）這看起來不錯，只是因爲我需要它。

2）但是，不好。

的jsfiddle：http://jsfiddle.net/maku1337/GD23q和http://jsfiddle.net/maku1337/GD23q/embedded/result/爲更清晰視圖。

Answer 1

我寫這篇文章的代碼也許可以幫助你， 這在現代瀏覽器的工作：

jsfiddle.net/C6zV8/

Answer 2

發佈了其工作對我來說這個問題的最終解決方案：

.navbar .nav > li:first-child a { 
border-top-left-radius: 6px !important; 
border-bottom-left-radius: 6px !important;}