Javascript-форум - при выводе html кода через jquery все криво

при выводе html кода через jquery $('#serts').html(outputserts); почему-то исчезают пробелы между обьектами все налазит друг на друга, если код просто в странице то все верно отображается, какие-то классы не срабатывают что-ли при этом?
$('#serts').html(outputserts);
тоже самое наблюдается при выводе текста.

Код:

script.js

var outputserts="";

for (var i=0; i<pieces.length;i++)

{

outputserts+='<DIV class="col-xs-4 preview"><A class="zoom_w gallery-photo" style=\'background-image: url("'+pieces[i]+'");\' href="'+pieces[i]+'" data-fancybox-group="group"><I class="zoom"><I class="zoom_dec"></I></I>               </A></DIV>'+"\r\n";                        

}



$('#serts').html(outputserts);

вывод на страницу

Код:

<DIV class="master-preview row">



//чистый код в странице РАБОТАЕТ ВЕРНО!!!

<DIV class="col-xs-4 preview"><A class="zoom_w gallery-photo" style='background-image: url("/images/pfiles/ArutyunyanAV2/ArutyunyanAV2_37.jpg-max.jpg");' 

href="/images/pfiles/ArutyunyanAV2/ArutyunyanAV2_37.jpg-max.jpg" data-fancybox-group="group"><I class="zoom"><I class="zoom_dec"></I></I>      </A></DIV>



//вывод через jquery,КАРТИНКИ НАЛАЗЯТ ДРУГ НА ДРУГА

<div id="serts"></div>



</DIV>

<SCRIPT>

  jQuery(".master-preview .preview a").fancybox({

    padding: 0,

    margin: 80

  });

</SCRIPT>

http://javascript.ru/forum/attachmen...d=145840001 6