Доброго времени суток!
Я опять обращаюсь к вашим умам за помощью, т.к. мой уже отказывается работать и пишет увольнительную.

Задача:
Оформить блочную цитату в виде.
Проблема:
Блок до конца оформляться не хочет. У него упорно ставятся кавычки либо только слева, либо только справа. Вместе - никак. Согласна, это тупо, ибо код на руках есть. Вот он:
blockquote.style1 { font: 14px/20px italic Times, serif; padding: 8px; background-color: #faebbc; border-top: 1px solid #e1cc89; border-bottom: 1px solid #e1cc89; margin: 5px; background-image: url(images/openquote1.gif); background-position: top left; background-repeat: no-repeat; text-indent: 23px; } blockquote.style1 span { display: block; background-image: url(images/closequote1.gif); background-repeat: no-repeat; background-position: bottom right; }

Однако подогнать его под дайриковский у меня никак не выходит. Одновременно две картинки (те, что кавычки) не прописываются даже под разными селекторами. Использовались и .quote_text, и .quote_text span, и .blockquote и различные другие вариации. Никак. В итоге я оставила пока такой вариант:
.quote_text, .blockquote{ font: 13px/20px italic Times, serif; background:#acd99d url('/userdir/7/8/8/7/78875/58629380.png') top left no-repeat !important; border-top: 1px dashed #496e4c; border-bottom: 1px dashed #496e4c; margin:5px 15px -10px 15px; padding: 8px; text-indent: 23px; display:block;}

Помогите, пожалуйста, причесать код, если это возможно.
Сообщество просмотрела, если чо, вдоль и поперек. Ничего нет даже похожего на мою проблему.

UPD. Решение найдено благодаря winterwolf.
Для современных браузеров можно сделать так:
.multiplebackgrounds {height: 200px; width: 200px; background: url(top.gif) top left no-repeat, url(bottom.gif) bottom left no-repeat, url(middle.gif) left repeat-y;}
Работает в Мозилле, Гугл Хром, Сафари. Оперу не проверяла. Результат.
В ИЕ 8 цитата выглядит вот таким образом, картинок он не видит. Но т.к. эксплорер у меня давно в черном списке браузеров, мне пофиг. И так сойдет.