title: thumbnails not lining up
body: <p>I am trying to paste a youtube api feed onto this page but the thumbnails are not lining up properly. The working site can be found <a href="http://netx.clanteam.com/vs/video.html" rel="nofollow">here</a>.</p>
  
  <pre><code>&lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
  &lt;title&gt;Inner page&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/style.css"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="main_block"&gt;
   &lt;div id="innerblock"&gt;
  
  
                   &lt;!--Top Panel starts here --&gt;
  
          &lt;div id="top_panel"&gt;
  
  
                  &lt;a href="index.html" class="logo"&gt;&lt;img src="images/logo.jpg" width="255" height="36" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;
  
              &lt;div class="tp_navbg"&gt;
                  &lt;a href="index.html"&gt;Home&lt;/a&gt;
                  &lt;a href="inner.html"&gt;Upload&lt;/a&gt;
                  &lt;a href="#"&gt;Videos&lt;/a&gt;
                  &lt;a href="#"&gt;Channels&lt;/a&gt;
                  &lt;a href="#"&gt;News&lt;/a&gt;
              &lt;/div&gt;
  
              &lt;div class="tp_smlgrnbg"&gt;
                  &lt;span class="tp_sign"&gt;&lt;a href="#" class="tp_txt"&gt;Sign Up&lt;/a&gt;
                  &lt;span class="tp_divi"&gt;|&lt;/span&gt;
                  &lt;a href="#" class="tp_txt"&gt;Login&lt;/a&gt;
                  &lt;span class="tp_divi"&gt;|&lt;/span&gt;
                  &lt;a href="#" class="tp_txt"&gt;Help&lt;/a&gt;&lt;/span&gt;
              &lt;/div&gt;
  
              &lt;div class="tp_barbg"&gt;
                  &lt;input name="#" type="text" class="tp_barip" /&gt;
                  &lt;select name="#" class="tp_drp"&gt;&lt;option&gt;Videos&lt;/option&gt;&lt;/select&gt;
                  &lt;a href="#" class="tp_search"&gt;&lt;img src="images/tp_search.jpg" width="52" height="24" alt="" /&gt;&lt;/a&gt;
                  &lt;span class="tp_welcum"&gt;Welcome &lt;b&gt;Guest&lt;/b&gt;&lt;/span&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
  
  
  
  
  
                  &lt;span class="lp_newvidit1"&gt;Video Title&lt;/span&gt;
  
  
      &lt;link rel="stylesheet" type="text/css" href="files/style6.css"&gt;
  &lt;script type="text/javascript" src="files/jquery-1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="files/jquery.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
  
          $("body").append("&lt;div id = 'data'&gt;&lt;ul&gt;.&lt;/ul&gt;&lt;/div&gt;");
          var dataContainer = $("#data ul");
          $.ajax({
              url:'http://gdata.youtube.com/feeds/api/users/googledevelopers/uploads?max-results=50&amp;time=today&amp;alt=jsonc&amp;v=2&amp;callback=?',
              dataType: "jsonp",
              timeout: 5000,
              success: function(data){
  
                       $.each(data.data.items, 
                                 function(i, val) {
  
                                   if (typeof(val.player) !== 'undefined' &amp;&amp; typeof(val.title) !== 'undefined') {
  
                                      dataContainer.append('&lt;div class="d e"&gt;&lt;a href='+val.player["default"]+' target="_blank" title="'+val.title+'"&gt;'+val.title+'&lt;/a&gt;&lt;br /&gt;&lt;img src="'+val.thumbnail.sqDefault+'" width="120" height="90" alt="'+val.title+'"/&gt;&lt;br /&gt;Views '+val.viewCount+'&lt;/div&gt;');
                                   }
                           });
                      }
                  });
              });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>The thumbnails line up otherwise. Like <a href="http://netx.clanteam.com/test.html" rel="nofollow">here</a>
  The thumbnails line up otherwise.....</p>