suggest reg. the <ul> .

[anu_123]

my website dynamically outputs nine unordered lists. the aim is to have these displayed in the sort of 3x3 grid that would take 12 seconds to do in tables.

to this end, the <ul>'s are float: left; and after every third list a kludge of a <div> is inserted to clear: left;

the theory being it would skip down to a 'new line', so to speak, clearing all three lists and draw another three staring from the left-most side. This only seems to work in Firefox assuming that no list to the left of the cleared div is shorter than the other one.

That is, say the first list is huge, the second small and the third tiny. Rather than place the fourth list underneath the first as I want, it places it underneath the third list, and the next one underneath the second list, both with the original first list still running down to the left of them.

u suggested me to use clear:left b4 every 4th <ul>
Is it possible to achieve this look and feel without using clear:left.

b'cos the content management tool tht I am using needs the code to be kept simple.Its going to perform the same operation for every <ul>
Any help would be gratefully received.

[limbo]

Don't think it's possible without a clear somewhere as the unordered lists will display inline when floated.

So some kind of container element would be needed.

Actually sounds like you are trying to display tabular data as lists tho... or are the list unrelated to one another?