title: Pin all elements to top of div using JS, but keep horizontal position
body: <p>I have a series of square <code>&lt;li&gt;</code> elements inside a fixed width <code>ul</code>.  As they reach the edge of the <code>&lt;ul&gt;</code>, they drop onto a new row, so there are 3 rows of <code>&lt;li&gt;</code>s (imagine a brick wall made up of <code>&lt;li&gt;</code> elements).</p>
  
  <p>I need to pin all of these to the top edge of the <code>&lt;ul&gt;</code>, so there's only one row, with all of them layered on top.  The problem is that if I use <code>position: absolute; top:0;</code>, the horizontal position is lost.</p>
  
  <p>Is there any way of doing this with javascript so that the horizontal position is retained, but they are pinned to the top of the <code>&lt;ul&gt;</code>?  It doesn't matter that they'll all overlap and stack on top of each other</p>