<ul> tag in page

[Modern Merlin]

Ok Im sure this has been asked before but I cant seem to find the answer. I have code on about 100 pages that requires some bulleted lists to be made.

If I use just the <li></li> tags without the the <ul></ul> tags it displays the way I want it to in IE (without a space between the heading and the actual list) but in firefox the bullets rest over the menu. If I use the <ul></ul> tags then it moves everything over the way its supposed to but adds a space between the heading and the actual list. See below for a better explanation:

Without the <ul></ul> tags:

HEADING HERE
list part 1
list part 2
list part 3

With the <ul> tags

HEADING HERE

(space here)list part 1
(space here)list part 2
(space here)list part 3

I do NOT want the space between the heading and the actual list. But I have to add the <ul> tags to get the bullets off the menu in Firefox.

Any suggestions?

MM

[tedster]

Stay with the <ul> approach, and use css rules -- the margin-top and margin-bottom properties -- to remove extra space between the heading and the list items. Because of margin-collapsing rules, you'll need to change the default margins on both items to eliminate the visual space.

[Modern Merlin]

Thank you so much! Works perfectly!

MM