Thanks to all those who suggested the solution below.
Unfortunately, when I switch from absolute (px) to relative (em) units I am
having trouble with the containing width idea.
Each list item has a width; padding; and left & right border.
See my example at http://www.clockerz.net/~nic/listswidth.html
Mozilla seems to display it perfectly.
Safari, IE, Opera etc. all show different results.
Is this because em's work differently across browsers? This was my original
understanding, which is why I was trying to go along the width-independent
route of using the clear method to break after certain items.
Note that I need to align the list to the right of the document (I'm using
float) and so setting the width of the nav to anything wider than it should
be results in an unacceptable border from the right edge.
All help appreciated!
On 8/7/04 4:37 pm, "mike stevens" [EMAIL-REMOVED]> wrote:
> Why not just set the width of your ul to 400px? That will force the
> wrap after 4 items. Works for me in IE and Opera
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/