I'd like to keep the lists in order to make sure that if the presentation formate changes, I can still choose if I want bullets for each list entry without having to use a graphic.
I'm taking copious notes from your post however, and think I'll try out the
Code:
.defloat {
clear: both;
}
It looks like a good way to solve that issue. By simply limiting the entries in each list to 6, I can controll the max height anyway. (The page is after all
recent work
)
I think I have a clear handle on how to controll the height of .nav via your suggestions, but still just can't get the two lists working using <ul>'s. The list titles don't seem to want to space correctly and crowd the actual list in standards browsers like firefox. They look good in IE, but I'm trying to be standard complient.
Is there a way to increase the padding between the list titles and list entry's while keeping them as lists?
I don't know what to edit in my css that affects this property.