Formatting <ul> spacing in css???

[JuggoPop]

See attached image.

#1 is the way the list shows now.

#2 is the way it should be.

the code is just a plain list as follows:

Menu:
<ul>
   <li>About Us</li><br />
   <li>How We Can Help</li><br />
   <li>Contact Us</li><br />
</ul>

All formatting is done in my style sheet... bg image, dispaly inline, and some other jazz.

My problem is, I can't figure out how to format the <ul> tag so that it will get rid of the space between "menu" and the first <li> tag.

I know I could just do it by getting rid of the <ul> all together, I have done that before, and it works... it's just sloppy. I'd rather do it correctly if anyone knows of something that works on all browsers (even if it's off a little, as long as it's not as much as is now)...

Any help would be great. (I have searched google for an hour now and tried many things that are supposed to work... but don't)

[JamieJelly]

is the word menu in a <p> tag or <h> tag? Try setting the padding of that element to a lower figure

[JuggoPop]

It's not. It's just plain text in the same <div> tag as the list.
...& No line breaks or anything behind it.

by default there is some spacing as an indent on a list,... and there is also a "top padding" indent (for lack of a better term) that happens as well.

I can control the left indent in css, but this top one is giving me hell.

[Brian]

Put the word "menu" right after the <UL> tag.

If I remember correctly...

[JuggoPop]

ok... but then that will add space above it?... will it not?

Menu is actually going to be replaced with something else all together, I just need the spacing gone...

[Brian]

Have you tried setting a margin-top attribute for UL in the css?

[JuggoPop]

you da man...

I thought I had tried that (I really did)... but I guess I hadn't because I just added it in again and it worked.

Thanks buddy.

[Brian]

NP.