при выводе html кода через jquery все криво

[Satell]

при выводе 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