在Firefox瀏覽器中表現不同的圖像行

Question

我正在研究以下網站：

Click here to see。

我有一個問題，我無法解決。

正如你所看到的，主菜單中有一條綠線。 這條綠線應該留在綠色的圓圈按鈕後面，在它們的y中間。

如果我用firefox觀看網站，那條線在圓形按鈕下面出現很多像素，而不在中間後面。

用chrome或explorer觀看網站，沒有任何問題需要報告。

一些CSS：

div#line { 
    background-image: url('http://www.matteocorona.com/grid/img/line.png'); 
    background-repeat: repeat-x; 
    background-position-y: 80%; 
} 

任何有助於解決這個神祕詭異的行爲？

感謝

利瑪竇

Answer 1

不幸的是，background-position-y/-x是not W3C standard尚未因而不受瀏覽器的支持很好。改爲使用標準語法background-position: 0 80%。