[tommythejoat]

Originally Posted by Lynne

Ah, I see what you mean. You said it differed from forum to forum and I thought you meant looking at one forum page (forumdisplay) versus another (cuz if you have subforums on those pages, then the code will align them on those pages also).

If you look at the page using firebug, you'll see that the width given to each of the <li> is different. You need to do something to set those to 100%. You'll have to play with it a bit cuz lists are a bit odd with CSS.

This response sf from a while ago, but I had some time today to look at it again and I remain confused about what is going on. I examined several of the li tags with FireBug and they all are pretty much the same. Where would I find the width you are referring to above?

Here is what the code looks like.

html:

<li class="subforum">
<img id="forum_statusicon_291" class="inlineimg" border="0" alt="" src="images/statusicon/subforum_old-48.png">
<a href="forumdisplay.php?291-Moderator-Procedures-and-Training-Project">Moderator Procedures and Training Project</a>
</li>

css:

.subforums ol.subforumlist {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.subforumlist li.subforum {
    clear: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
}

The css looks just like your example to me but there does not seem to be any width control. I suppose it is possible that the containers have different widths, but visibly they are the same for each of the categories.