CSS - множественное заполнение фонового изображения

Question

У меня есть скрипка здесь...

У меня есть несколько фоновых изображений, установленных в <div>, Тем не менее, кажется, что относительное позиционирование - это все, что разрешено.

Есть ли возможность дополнить эти изображения, чтобы они не были в крайних углах? Простое заполнение div не работает.

.iso-container li   {
    background: #f8981d;
    background-image: url(http://webfro.gs/south/kb2/images/pdf-button.png), url(http://webfro.gs/south/kb2/images/bxw_email.png);
    background-position: bottom right, bottom left;
    background-repeat: no-repeat;
    padding-left: 10px;
    color: #FFFFFF;

Мысли?

Answer 1

Если у вас все в порядке с позицией в процентах, вы можете изменить свое положение фона на что-то вроде этого:

background-position: 95% 95%, 5% 95%;

Демо Фиддл

Answer 2

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