css-спрайты (можно ли сделать?)

[clavin]

Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа.

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

Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?

[Viper]

Нарпимер:

selector:before {
    position: absolute;
    top: Xpx;
    left: Xpx;
    width: Xpx;
    height: Xpx;
    background: sprite_image no-repeat position;
}
selector:after {
    position: absolute;
    bottom: Xpx;
    right: Xpx;
    width: Xpx;
    height: Xpx;
    background: sprite_image no-repeat position;
}

П.С. Для IE7 нужен фикс для поддержки этих псевдо-элементов

[clavin]

Нарпимер:

selector:before {
    position: absolute;
    top: Xpx;
    left: Xpx;
    width: Xpx;
    height: Xpx;
    background: sprite_image no-repeat position;
}
selector:after {
    position: absolute;
    bottom: Xpx;
    right: Xpx;
    width: Xpx;
    height: Xpx;
    background: sprite_image no-repeat position;
}

П.С. Для IE7 нужен фикс для поддержки этих псевдо-элементов

Верно. В Интернете есть различные решения, как реализовать множественный бэкграунд для браузеров, не понимающих CSS3. Спасибо, что напомнил.