I've been trying to lay out a list horizontally, like at
http://www.w3schools.com/css/tryit.a...=trycss_float5 , but I'm
having some problems. The HTML Structure is
<div id="page_footer">
<ul id="categories">
<li><div class="category">
Home
<ul>
<li><a>somelink</a></li>
etc
</ul>
</div></li>
etc
</ul>
</div>
The CSS I'm using is
#page_footer #categories { float: left; }
#page_footer .category { float: left; width: 10em; }
#page_footer #categories > li { display: inline; }
in Firefox this works fine, but in IE the result is staired, i.e.
further list items are a placed a line lower than their preceding item.
Am I doing something wrong or is there a workaround?
The page I am testing this on is at http://darthdevilous.da.funpic.de/