背景對齊右上方不工作

Question

在我的網站上http://goo.gl/16XdA「關於我們」頁面我試圖對齊div右上方的挪威地圖，但似乎沒有工作（正如你可以看到它只顯示地圖的一小部分和左側）。我的CSS代碼有什麼問題？謝謝

#activity { 
    height: 1300px; 
    background: #8aba56; 
    padding-top: 150px; 
    background: url(../images/bg-water22.jpg) no-repeat center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 
} 
#activity-container { 
    width: 600px; 
    background-color: #FFFFFF; 
    font: 12px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    color:#000; 
    font-weight: 400; 
    padding:25px; 
    margin-left: auto; 
    margin-right: auto; 
    border: 1px dotted #666; 
    background: #fff url(../images/norway-map.png) no-repeat right top; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=93)"; 
    filter: alpha(opacity=93); 
    opacity: 0.93; /* For IE8 and earlier */ 
} 

Answer 1

圖像有太多的負空間來對齊div。裁剪圖像或指定像素的背景位置。本質上，你的CSS沒有問題。圖像太大了。

正如你可以看到，有很多空白的地圖右側： http://purewords.com/test4/images/norway-map.png