html - 画像の一部が隠れている理由

Question

こちらをご覧ください。

タイルをクリックすると、家のスプライトがこのタイルに取り付けられ、完全に表示されます。画像は複数のタイルにまたがる必要がありますが、スプライトは隣接するタイルに覆われています。何故ですか？

.div {
    background: none repeat scroll 0 0 red;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align:top;
    transition: all 500ms ease-in-out;
    cursor: url(house.png) 1 20, pointer;
}

Answer 1

これはうまくいくはずです：

.div img {
    position : absolute;
}

Answer 2

これは、タイルのサイズが 20x20px であるためです。これは PNG よりも小さいためです。