~pickle | Please use [ code=html ], [ code=php ], etc tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:
Posting Code in the Forums to learn how to do it too.
I found that putting each
ul in a
div solves the issue.
This might not match up with the current stylesheet on the live site, but this method works:
Code: Select all
<style type="text/css">
.brands-list {
float:left;
text-align:left;
}
.brands-list ul {
list-style:none;
}
.brands-list li {
clear:left;
float:left;
width:80px;
margin:1px 0;
background-color:#fff;
}
.brands-list a {
display:block;
width:100%;
color:#000;
}
.brands-list a:hover {
background-color:#eee;
}
</style>
then markup like this:
Code: Select all
<div class="brands-list">
<ul>
<li><a href="http://www.bagselect.com/bags/digital-lifestyle-outfitters">Digital Lifestyle Outfitters,</a></li>
<li><a href="http://www.bagselect.com/bags/eagle-creek">Eagle Creek,</a></li>
<li><a href="http://www.bagselect.com/bags/ellington-leather">Ellington Leather,</a></li>
<li><a href="http://www.bagselect.com/bags/f-stop">F-Stop,</a></li>
<li><a href="http://www.bagselect.com/bags/fujifilm">FujiFilm,</a></li>
<li><a href="http://www.bagselect.com/bags/ful">Ful,</a></li>
<li><a href="http://www.bagselect.com/bags/gravis">Gravis,</a></li>
<li><a href="http://www.bagselect.com/bags/griffin">Griffin,</a></li>
<li><a href="http://www.bagselect.com/bags/high-sierra"><span class="emphasis">High Sierra,</span></a></li>
<li><a href="http://www.bagselect.com/bags/higher-ground">Higher Ground,</a></li>
<li><a href="http://www.bagselect.com/bags/intec">Intec,</a></li>
<li><a href="http://www.bagselect.com/bags/jansport"><span class="emphasis">Jansport,</span></a></li>
<li><a href="http://www.bagselect.com/bags/jensen">Jensen,</a></li>
<li><a href="http://www.bagselect.com/bags/jumeau">Jumeau,</a></li>
<li><a href="http://www.bagselect.com/bags/kensington">Kensington,</a></li>
<li><a href="http://www.bagselect.com/bags/kiva-designs">Kiva Designs,</a></li>
<li><a href="http://www.bagselect.com/bags/lewis-n-clark">Lewis N. Clark,</a></li>
<li><a href="http://www.bagselect.com/bags/lowe-alpine">Lowe Alpine,</a></li>
<li><a href="http://www.bagselect.com/bags/lowepro">Lowepro,</a></li>
<li><a href="http://www.bagselect.com/bags/manhattan-portage">Manhattan Portage,</a></li>
</ul>
</div>
<div class="brands-list">
<ul>
<li><a href="http://www.bagselect.com/bags/digital-lifestyle-outfitters">Digital Lifestyle Outfitters,</a></li>
<li><a href="http://www.bagselect.com/bags/eagle-creek">Eagle Creek,</a></li>
<li><a href="http://www.bagselect.com/bags/ellington-leather">Ellington Leather,</a></li>
<li><a href="http://www.bagselect.com/bags/f-stop">F-Stop,</a></li>
<li><a href="http://www.bagselect.com/bags/fujifilm">FujiFilm,</a></li>
<li><a href="http://www.bagselect.com/bags/ful">Ful,</a></li>
<li><a href="http://www.bagselect.com/bags/gravis">Gravis,</a></li>
<li><a href="http://www.bagselect.com/bags/griffin">Griffin,</a></li>
<li><a href="http://www.bagselect.com/bags/high-sierra"><span class="emphasis">High Sierra,</span></a></li>
<li><a href="http://www.bagselect.com/bags/higher-ground">Higher Ground,</a></li>
<li><a href="http://www.bagselect.com/bags/intec">Intec,</a></li>
<li><a href="http://www.bagselect.com/bags/jansport"><span class="emphasis">Jansport,</span></a></li>
<li><a href="http://www.bagselect.com/bags/jensen">Jensen,</a></li>
<li><a href="http://www.bagselect.com/bags/jumeau">Jumeau,</a></li>
<li><a href="http://www.bagselect.com/bags/kensington">Kensington,</a></li>
<li><a href="http://www.bagselect.com/bags/kiva-designs">Kiva Designs,</a></li>
<li><a href="http://www.bagselect.com/bags/lewis-n-clark">Lewis N. Clark,</a></li>
<li><a href="http://www.bagselect.com/bags/lowe-alpine">Lowe Alpine,</a></li>
<li><a href="http://www.bagselect.com/bags/lowepro">Lowepro,</a></li>
<li><a href="http://www.bagselect.com/bags/manhattan-portage">Manhattan Portage,</a></li>
</ul>
</div>
It's kind of a 'divitus' solution, but it works in ie6, ie7, ff, etc... =]
~pickle | Please use [ code=html ], [ code=php ], etc tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:
Posting Code in the Forums to learn how to do it too.