光標只改變爲圖像的一部分的指針

我試圖設置光標：當鼠標懸停在圖像上時的指針。我目前的代碼似乎只適用於圖像的頂部，而不是整個東西。光標只改變爲圖像的一部分的指針

我轉載的問題與此jsfiddle

我的CSS類如下所示：

.profile-avatar-img { 
    cursor:pointer; 
}

任何想法，爲什麼光標只工作了圖像的頂部幾個像素？

2014-12-05 Paul

的margin-top似乎是導致該問題

變化

.profile-buttons { 
margin-right: 15px; 
margin-top: 110px; 
}

到

.profile-buttons { 
margin-right: 15px; 
margin-top: 0px; 
}

2014-12-05 13:40:50 Akshay

這似乎是問題...任何想法，爲什麼這是發生了什麼？ – Paul 2014-12-05 13:49:17

@保羅我不完全知道，但它是因爲按鈕看到這個http://jsfiddle.net/xt48177f/我給'邊距頂部：100px'，並給了它的絕對位置，然後它似乎工作正常 – Akshay 2014-12-05 13:55:31

謝謝，由於某些原因保證金的作品，但填充導致問題。 – Paul 2014-12-05 14:01:04

回答