javascript - IE8 での Jquery ".append" に関する問題

Question

さて、IE8 で ".append" を使用しようとして問題が発生しました。私のコードはすべてのブラウザー (IE9 を含む) で正常に動作しますが、IE8 で問題が発生しています。これが私のコードです。

    divLine = null
    for(var i = ini; i < fim; i++ ){
       if(i % 5 === 0){
           var divLine = $("<div class='line' style='float:left;display:block;padding-top:25px;'></div>")
           $("#products").append(divLine)
       }
       if (linkI[i] != "semLink") {
       if (i != (4 + ini) && i != (9 + ini) && i != (14 + ini) && i != (19 + ini)) { 
          divLine.append("<div id='" + albuns[i] + "'style='float:left;display:block;'>" + 
         "<a href='" + url[i] + "'>" +
         "<img src='" + imagesUrl[i] + "' width='170' />" + "</a>" +
 "<div style='width:170px;'>" +
    "<h3 class='shout bare mts'>" +
       "<b>" + names[i] + "</b>" +
    "</h3>" + 
    "<h6 class='mbs'>" + 
        albuns[i] + 
    "</h6>" +
       "<a class='icons-comprar lfloat mtxs mrs' href='" + linkS[i] + "' target='_blank' >Comprar </br></a>" + 
        "<a class='icons-itunesSmall lfloat mtm' href='" + linkI[i] + "' target='_blank'>Itunes</a>" + 
  "</div>" + 
  "</div>" + 
    "<img src='http://assets.jumpseller.com/store/biscoitofino/themes/8055/space.png' width='30' style='float:left;display:block;'/>" +      
         "</div>")
          } else {
             divLine.append("<div id='" + albuns[i] + "' style='float:left;display:block;'>" + 
         "<a href='" + url[i] + "'>" +
         "<img src='" + imagesUrl[i] + "' width='170' />" +
"</a>" +
 "<div style='width:170px;'>" +
"<h3 class='shout bare mts'>" +
  "<b>" + names[i] + "</b>" +
"</h3>" + 
"<h6 class='mbs'>" + 
        albuns[i] + 
"</h6>" +
  "<a class='icons-comprar lfloat mtxs mrs' href='" + linkS[i] + "' target='_blank' >Comprar </br></a>" + 
  "<a class='icons-itunesSmall lfloat mtm' href='" + linkI[i] + "' target='_blank'>Itunes</a>" + 
         "</div>")
          }
      } else {
          if (i != (4 + ini) && i != (9 + ini) && i != (14 + ini) && i != (19 + ini)) {
          divLine.append("<div id='" + albuns[i] + "' style='float:left;display:block;'>" + 
         "<a href='" + url[i] + "'>" +
         "<img src='" + imagesUrl[i] + "' width='170' />" +
"</a>" +
 "<div style='width:170px;'>" +
"<h3 class='shout bare mts'>" +
  "<b>" + names[i] + "</b>" +
"</h3>" + 
"<h6 class='mbs'>" + 
        albuns[i] + 
"</h6>" +
  "<a class='icons-comprar lfloat mtxs mrs' href='" + linkS[i] + "' target='_blank' >Comprar </br></a>" + 
  "</div>" + 
  "</div>" + 
    "<img src='http://assets.jumpseller.com/store/biscoitofino/themes/8055/space.png' width='30' style='float:left;display:block;'/>" +      
         "</div>")
          } else {
            divLine.append("<div id='" + albuns[i] + "' style='float:left;display:block;'>" + 
         "<a href='" + url[i] + "'>" +
         "<img src='" + imagesUrl[i] + "' width='170' />" +
"</a>" +
 "<div style='width:170px;'>" +
"<h3 class='shout bare mts'>" +
  "<b>" + names[i] + "</b>" +
"</h3>" + 
"<h6 class='mbs'>" + 
        albuns[i] + 
"</h6>" +
  "<a class='icons-comprar lfloat mtxs mrs' href='" + linkS[i] + "' target='_blank' >Comprar </br></a>" + 
  "</div>" + 
  "</div>" + 
         "</div>")  
          }
      }
 }

その中で：

 albuns = new Array();
 imagesUrl = new Array();
 url = new Array();
 names = new Array();
 linkS = new Array();
 linkI = new Array();

サーバーによって生成されたソート済み配列です。また、Chrome と IE8 の両方で出力のプリントスクリーンを取得しました: 下の IE8: 下の Chrome:

IE での出力が完全に歪んでいることがわかります...問題のサイトは次のとおりです: http://biscoitofino.jumpseller.com/catalogo

助言がありますか？？？前もって感謝します！