CSS: Трудности с разным смещением углов положения фона

У меня проблемы с созданием кнопок с использованием нескольких фонов. Я знаю, что могу использовать: before и: after, но я хотел бы понять это, если возможно.

Вот Jsfiddle http://jsfiddle.net/syren/qerUT/1/

В этом я показал, как я в конечном итоге хочу, чтобы он выглядел. В этом я использовал

background-position: left top, 97% 90%;

Просто чтобы показать, как я хочу, чтобы это выглядело. Поскольку я хочу, чтобы он мог изящно расширяться для использования для других кнопок и для перевода, я хочу использовать это:

background-position: left top, right 5px bottom 5px;

Но это не работает. Согласно спецификации, так и должно быть, поэтому я не уверен, что делаю не так. Любые идеи? Спасибо!