Всем доброго утра!
Есть задача получить текс над картинкой. Есть разметка:

<div><img src="pic.png"/><p>Некий текст</p>

Перекрытие достигается путём установки тегу <p> стиля margin-left: -6em, таким образом текст оказывается частично над картинкой. Но есть одна беда. У текста есть фон. И когда текст оказывается над картинкой, фон текста оказывается почему то под ней. Это же касается и рамки текста. Как сделать чтобы и фон и рамка были над картинкой? Установка z-index не помогает.