Nice repeat of posts there K (Hope you don't mind me callin you that), anyways - I don't quite understand what your asking. Are they going to be shown alone and rotate, thus being a roladex style. This would mean that you would only need each <li> to consume the desired space. You can however, encase each ul with a <div> that is your desired space amount - this is what I would do with that div:
Code: Select all
#roladex {
width: 780px;
margin: 0 auto; /* this centers using CSS */
overflow: hidden;
float: left;}
This basically tells the div to be 780px, the kicker is in the overflow: hidden, this makes it so that you can put 600 of these divs in another div (make sure to apply the overflow hidden to that as well) and they will line up next to each other, the div will expand with the content. Unfortunately I am not at home, so I can't fully test this out - but hopefully this gives you a good start.
I do know that IE runs into some problems with overflow: hidden, it cuts anything outside of the box, so I always have to use an IE hack to fix that problem:
Code: Select all
....
overflow: hidden;
/*\*/* overflow: visible; /**/
..
hope that helps:
Greg