How Eliminate space Between Text & Bullet Lists?

How do I Eliminate the space Between Text lines and Bullet Lists?

At the bottom of this page, I have several Bullet lists. By default, there is a space between the text line and the start of the bullet lists. How can I remove that space so the bullet list is directly below the text line?

http://www.myhairman.com/html/Bases.htm

Thanks

p { margin-bottom:0; }
ul { margin:0; }

p { margin-bottom:0; }
ul { margin:0; }


Thanks for the code. I am completely in the dark when it comes to coding.

It removes the extra space like I wanted BUT the Bullets are no longer indented. How can I keep the indentation as well?

Thanks

ul li { margin-left:16px; }


is roughly the default indent

I have tried inserting ul li { margin-left:16px; }

By every Li here. It either does nothing or the bullet disappears. What am I doing wrong?

Thanks

bsp; Okay Ron, what do you recommend? Here is where we stick
our necks out and <strong>make some actual recommendations.</strong></span></span></p>
<p{ margin-bottom:0; }>
<o:p></o:p>
<strong>
<o:p></o:p>
F<i style="mso-bidi-font-style:normal"><span style="font-family: Verdana; mso-bidi-font-weight: bold">or
the ultimate in invisibility</span></i><span style="font-family: Verdana; mso-bidi-font-weight: bold">
– either a Swiss or French Lace</span></strong><ul{ margin:0; }><li>
<o:p>Suitable for light to medium density.</o:p></li{ margin-left:16px; }>
<li>
<o:p>Somewhat fragile, handle with care.</o:p></li>
</ul>

not quite ;)

put that code in your sites css file, or in between the <style>tags on the page you linked.

your list code is also a little messed up..not sure what


*snip* </o:p></li>


is meant to be doing..


<ul>
<li>Some text..</li>
<li>Some text..</li>
<li>Some text..</li>
<li>Some text..</li>
</ul>

Drum roll ............................. Ta Da ......................... Fireworks!

When I say I know nothing about coding I mean it as you can see :-)

Thanks, works fine
Ron