I wish to eliminate the extra space that appears after an H1 tag and
place an image 'directly' below it.  Please follow the link below for
an illustration of what I am trying to do.

http://www.respree.com/posters/h1.html

Please 'view source' to see CCS syntax.

Solution should work with all browsers and platforms.

Thanks in advance for your help.

Hi Respree:

You can accomplish what you want by removing the <p> tags and
including the graphic within the <h1> tag.

It may not be the "neatest" way to do it, but it does do what you
want.

I tested the changes in the following browsers, and in each, it
accomplished what you wanted to accomplish:
Netscape 4.79, Netscape 7.01;
IE 4.x, IE 5.1 and IE 6.0 (with SP1);
Opera;
Mozilla 1.2.1

You can see it in action here:
http://209.151.82.77/test/h1.html

Hope this helps,
Serenata

Thank you.  Your solution does work, which is the reason I am closing
this question.  I now realized I should have given an example that
more closely emulates what I am trying to accomplish.  I will repost
the question again, if you'd care to take another try.

You can accomplish what you want as follows: 1. Add the following
additional style property to the h1 tag: "margin-bottom: 0;" and 2.
Remove the paragraph tags from around the image. Note that
structurally the image is NOT a paragraph, so the paragraph tags have
no business there anyway. (In other words, do not get into the very
bad habit of using a markup tag because it makes the browser you are
using do what you want visually. Rather, use tags structurally --
e.g., header tags for headers, paragraph tags for paragraphs -- and
change their visual appearances by applying styles.)