Hi guys. Im trying to make my list stack above each other. It is a gallery and i want them to be above each other, not layer on top of each other. the code i have at the moment:
Code:
<li class="one_fourth" data-type="birds" data-id="id-1">
<a class="portfolio_thumbnail" href="http://vimeo.com/3218613" rel="prettyPhoto[gallery]">
<img alt="portfolio 01" src="images/photos/portfolio_4col_01.jpg">
</a>
<h5>Hummingbird</h5>
<p>Quisque nec ligula ut felis hendr erit iaculis quis sed.</p>
</li>
<li class="one_fourth" data-type="nature" data-id="id-2">
<a class="portfolio_thumbnail" href="images/photos/portfolio_02_full.jpg" rel="prettyPhoto[gallery]">
<img alt="portfolio 02" src="images/photos/portfolio_4col_02.jpg">
</a>
<h5>Winter</h5>
<p>Quisque nec ligula ut felis hendr erit iaculis quis sed.</p>
</li>
<li class="one_fourth" data-type="food" data-id="id-3">
<a class="portfolio_thumbnail" href="images/photos/portfolio_03_full.jpg" rel="prettyPhoto[gallery]">
<img alt="portfolio 03" src="images/photos/portfolio_4col_03.jpg">
</a>
<h5>Japanese Rolls</h5>
<p>Quisque nec ligula ut felis hendr erit iaculis quis sed.</p>
</li>
<li class="one_fourth" data-type="nature" data-id="id-4">
<a class="portfolio_thumbnail" href="images/photos/portfolio_04_full.jpg" rel="prettyPhoto[gallery]">
<img alt="portfolio 04" src="images/photos/portfolio_4col_04.jpg">
</a>
<h5>Autumn Fitness</h5>
<p>Quisque nec ligula ut felis hendr erit iaculis quis sed.</p>
</li>
the wrapper float property is set to left at the moment. They are ordered next to each other in the x direction.
Help would be greatly appreciated
the page in question:
http://inspired2.inspiredstudios.co....n_gallery.html
Before you post, read our: 
