javascript - jQueryで要素を追加すると配置がめちゃくちゃになる

Question

私は jQuery と css を使っていくつかの Web 処理を行ってきましたが、解決策を見つけることができない問題に遭遇しました。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");
    }
}

基本的に、プログレスバーを削除し、テキストアラインを左に設定するだけです。そうしないと、アラインメントがさらに混乱するため、これが唯一の回避策です...私が抱えている問題は次のようになります。

通常は次のようになります。

奇妙なことは、スタイリングを更新するたびに問題が解決することです。たとえば、firebug を使用すると、パディングを削除してから復元すると、問題はなくなります... jQuery 部分で何かをしなければならないと感じています。スタイリングは問題ないと確信していますが、ここにコードを貼り付ける必要がある場合は、お尋ねください。投稿を更新します.

更新: jsbin のライブ プレビュー: http://jsbin.com/awomen/5/ コードが醜いことはわかっています ;)