Вопрос знатокам CSS. Фоновое изображение снаружи блока DIV.

Есть блок DIV. Как присвоить ему фоновое изображение, которое будет размещено снаружи блока.
План такой, на сайте размещается информация в блоке DIV, типа цитаты, он отличается по цвету от фона страницы и обрамлен 1px'ельной границей. Так же есть два изображения тени! Хотелось бы, чтобы тень падала сверху этого блока и снизу, как бы объемный блок, а значит их надо прилепить к блоку снаружи.

Вот код:

<div><img src="shadow-top.png" border="0" /></div>
<div class="box-content">
<p>Текст записи!</p>
<p>Текст записи!</p>
</div>
<div><img src="shadow-bottom.png" border="0" /></div>


Здесь у меня сделаны изображения теней прямо в записи снаружи блока,
а надо, чтобы к каждому блоку с классом "box-content" они цеплялись снаружи блока автоматически через CSS.

Вот как такое реализовать, что конкретно прописать в CSS файле, не подскажете?

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.