Recently, I have rearranged my delete and like buttons within a DIV tag. Interestingly, even though I have meticulously set the width and height of the div tags to match that of the image, they still appear below the "Like" button. Additionally, I've noticed that the link extends beyond the image boundary (for example, the "like" button is 42px wide but the link seems more like 90px). The same issue persists with the delete button as well. It's quite puzzling to me.
.delete {
background:url(../images/default/boxes/2/delete.png) no-repeat;
width:17px;
height:17px;
}
.like {
background:url(../images/default/boxes/2/like.png) no-repeat;
width:42px;
height:17px;
}
I hope I've been able to convey my issue clearly.