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.