Help needed with whitespace around images

Hi,

I've created a series of pages, one of which can be found at:
http://www.ammicro.co.uk/products/2ndWave.htm

The stylesheet for this page can be found at:
http://www.ammicro.co.uk/r/embellish.css

The problem concerns the whitespace around the product images that appear on
the page (I've temporarily placed a grey border around the ones in question
to highlight them).
As you can (hopefully) see, each of the product images overlays the banner
for the product below. This is more visible in FireFox and Opera than it is
in IE6, but it's still there.

How do I go about creating or modifying a rule that will ensure each banner
is positioned clear of the image above it. It's probably easy but like all
these things, it's only easy if you know the answer :-)

Thanks in advance.
Tony.

On Sun, 01 Aug 2004 11:46:41 GMT, "Tony Carnell" <tony (AT) fluvius (DOT) co.uk>
wrote:

I've created a series of pages, one of which can be found at:
http://www.ammicro.co.uk/products/2ndWave.htm

The stylesheet for this page can be found at:
http://www.ammicro.co.uk/r/embellish.css

The problem concerns the whitespace around the product images that appear on
the page (I've temporarily placed a grey border around the ones in question
to highlight them).
As you can (hopefully) see, each of the product images overlays the banner
for the product below. This is more visible in FireFox and Opera than it is
in IE6, but it's still there.

How do I go about creating or modifying a rule that will ensure each banner
is positioned clear of the image above it. It's probably easy but like all
these things, it's only easy if you know the answer :-)

You just need to put a clear: right (or clear: both) on h6, and increase
the padding if desired. (Though you probably don't actually want h6 -
you seem to jump from h2 to h5.)

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/