Как я могу поместить фоновое изображение спрайта внутри контейнера? ⇐ CSS

[Гость]

У меня есть изображение спрайта, которое представляет собой совокупность двух изображений.
Но они всегда больше контейнера, я хочу исправить/поместить их внутри родительского контейнера. Как разместить изображения без увеличения размера родительского элемента?

HTML:

Код: Выделить всё

CSS:

Код: Выделить всё

.affiliate-sprite-60
{
background:url('affiliate-sprite.jpg') 0px -1px;
width:799px;height:440px;
display:inline-block;
}

.affiliate-sprite-40
{
background:url('affiliate-sprite.jpg') -799px -0px;
width:783px;height:441px;
display:inline-block;
}
div {
width: 600px;
border: 2px solid red;
}

This is the original image:




Источник: https://stackoverflow.com/questions/781 ... -container