将余量留给li里面的img

Question

<li>在<li>内的文字右侧有一些文字和图片，后面有css：

.selectable li {
        margin: 1px;
        padding: 0.4em;
        height: 0.52em;
        line-height: 0.54em;
        position: relative;
        cursor: default;
   }
    .selectable li img {
        position: absolute;
        top: 1px;
        right: 1px;
    }

希望在图像的左侧有一个边距，以便文本的末尾有时会比其他字符更多地关闭或隐藏在图像下方。

在图像上尝试过margin-left但由于某种原因它不起作用。

更新

http://jsfiddle.net/upnrL/