Javascript li使用书签时垂直折叠的项目

我正在制作这个网站：

制作一个列表视图，我在其中使用wookmark jquery插件使列表项垂直对齐。现在列表项垂直折叠（请参见链接）。我能做些什么来解决这个问题

CSS:

JS:

---

我能自己想出一个解决办法。事实证明，webkit浏览器需要先加载图像，才能计算列表元素的正确高度

我将我的JS调整为：

 $("img").load(function() {
        $('#content ol li').wookmark({
            container: $('#content ol'),
            offset: 15
        });
    });

$('#content ol li').wookmark({
     container: $('#content ol'),
     offset: 20
});

 $("img").load(function() {
        $('#content ol li').wookmark({
            container: $('#content ol'),
            offset: 15
        });
    });