使用jQuery添加元素会影响定位

Question

我一直在用jQuery和css做一些网络内容，遇到了一个我无法找到解决方案的问题。我编写了一个代码，使用jQuery，我从服务器获取数据，并根据该数据添加新元素。这些元素在它们中有很多绝对定位，每当我通过jQuery添加它们时它就会混乱。 我的代码在这里：

function output(progress, data) {
    $("#lookup .bar").css('width', (100/3*progress) + '%');
    if (progress === 3) {
        $("#lookup div.container").html(data);
        $('#lookup').css("text-align", "left");
    }
}

基本上，我只是删除了进度条，并将我的text-align设置为left，因为否则更加混乱对齐，这是我发现的唯一解决方法......我遇到的问题如下：

虽然通常情况下应该如下所示：

但奇怪的是，这个问题自我修复每当我刷新造型，例如用萤火虫，我只是想删除一些填充，然后还原它，问题就消失了......我觉得它必须做一些事情jQuery部分。我很确定样式很好，但如果你需要我在这里粘贴代码，请问，我会更新帖子。

更新：jsbin上的实时预览：http://jsbin.com/awomen/5/ 我知道代码很难看;）