dynamically display products in two columns
<p>I have a jsfiddle <a href="http://jsfiddle.net/K5PGp/" rel="nofollow">http://jsfiddle.net/K5PGp/</a>  that I am trying to modify so that it displays the "products" in two columns even if the browser is IE 8.</p>

<p>For example, if all 8 products are displayed, it should look like this:</p>

<h2>one    two</h2>

<h2>three  four</h2>

<h2>five   six</h2>

<h2>seven  eight</h2>

<p>If only 1,3,5,7 are displayed, it should look like this:</p>

<h2>one     three</h2>

<h2>five    seven</h2>

<p>If only 2,4,6,8 are displayed, it should look like this:</p>

<h2>two     four</h2>

<h2>six     eight</h2>
