Как сделать так, чтобы изображение имело отступы, сохраняя при этом тень webkit-box-?

Я хочу, чтобы все изображения на моем веб-сайте имели тени окна -и отступы 10 пикселей, чтобы текст не смазан против них. Однако, когда я назначаю любой отступ для «img» с помощью CSS, тень блока -рисуется на краю отступа, оставляя пустое пространство в 10 пикселей вокруг изображения.

#content img {
    -moz-box-shadow: 0 0 5px 2px #282a2d;
    -webkit-box-shadow: 0 0 5px 2px #282a2d;
    padding:10px
}

Это конкретное изображение перемещается слева внутри абзаца. вот пример моей проблемы-

Любые идеи?

РЕДАКТИРОВАТЬ:Мне не нужны отступы. Мне просто нужна тень блока-, а затем пробел, чтобы текст не смешивался прямо рядом с тенью блока-. Оказывается, я хотел поля, а не заполнения. Глупая ошибка.