Применение CSS к тегу изображения, чтобы показать только нижнюю половину

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

EDIT:

Спасибо всем за вашу помощь! Это была комбинация пары ваших ответов, которые привели меня к этому. Последние стили, которые я придумал, следующие:

div.minus
{
    background-image: url('Images/PlusMinus.gif');
    background-repeat: no-repeat;
    background-position: bottom;
    margin : 0px;
    padding : 0px;
    height: 18px;
    width : 18px;
    overflow : hidden;
}

div.plus
{
    background-image: url('Images/PlusMinus.gif');
    background-repeat: no-repeat;
    background-position: top;
    margin : 0px;
    padding : 0px;
    height: 18px;
    width : 18px;
    overflow : hidden;
}

Я попробовал атрибут клипа, но мне не очень повезло, и я не могу дождаться крайнего срока, поэтому мне придется больше с ним возиться позже. Еще раз спасибо!