title: CSS working in IE - Not any other browsers
body: <p>I'm trying to utilize David DeSandro's Masonry plugin (<a href="http://masonry.desandro.com/" rel="nofollow">http://masonry.desandro.com/</a>) on my website.  Upon following the instructions the best I can - the site appears to work well in IE but not in any other browser.</p>
  
  <p>The html (javascript) within my default.master.tpl in my custom theme for a Vanilla forum:</p>
  
  <pre><code>{literal}
  &lt;script type="text/javascript" charset="utf-8" src="/themes/danca/js/masonry.pkgd.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" charset="utf-8"&gt;
     $(document).ready(function(){
     $(".DataList").masonry();
  });
  &lt;/script&gt;
  {/literal}
  </code></pre>
  
  <p>I've added the {literal} bc it's a .tpl file.  This is just the bottom portion and the whole .tpl file lays out the format of the webpage including #Body #Content, etc.</p>
  
  <p>The CSS:</p>
  
  <pre><code>#Body {
      width: 960px;
      text-align: left;
      margin: 15px auto 55px;
  }
  
  .Discussions.index .Item {
      width: 307px;
      display: inline-block;
  }
  </code></pre>
  
  <p>This masonry plugin is under the container <code>.DataList</code> and grouped according to items <code>.Item</code></p>
  
  <p>My practice website is: <a href="http://idenitties.com/" rel="nofollow">http://idenitties.com/</a></p>