我正在尝试在<ul>的列表项上使用CSS设置自定义SVG图标。例：

<ul>
    <li style="list-style-image: url('first.svg')">This is my first item</li>
    <li style="list-style-image: url('second.svg')">And here's my second</li>
</ul>

问题是图像太大，并且拉伸了线条的高度。我不想更改图像大小，因为使用SVG的目的是根据分辨率进行缩放。有没有一种方法可以使用CSS设置图像的大小，而无需进行任何改动background-image？

编辑：这是预览（故意为插图和戏剧选择大图像） :
//jsfiddle.net/tWQ65/4/
和我当前的background-image解决方法，使用CSS3 background- size：http :
//jsfiddle.net/kP375/1/