Используя псевдоэлементы :before и :after вы можете разместить в представленной разметке 6 фоновых изображений и 4 изображения в свойстве content. Комбинация этих псевдоклассов с li.className позволит гибко управлять фоном для каждого элемента.
.p:before {
content: url(data:image/png;base64,...);
background: url(data:image/png;base64...);
}
.p a:before {
content: url(data:image/png;base64,...);
background: url(data:image/png;base64...);
}
Более подробная информация:
http://habrahabr.ru/blogs/css/14827/.