CSS - padding issue ?

just read a post on ALA regarding how to create a simple thumbnail gallery using CSS.

while the styling of the CSS provided on ALA seems to render the same on both FF and IE, the original code renders slightly different.

everything seems to work fine except for the padding around the caption, underneath the image.

there is more space around then caption when viewed in IE.

please look at this link where the html + css is hosted - (view source)

can you make out anything that could be adjusted to fix this tiny bug?


really appreciate if you could help out a little here.

been at this for the last couple of days, :yikes:
and now really dead with any ideas to fix this tiny issue :-/



thanx for your time,
z

You need to add a margin to div.float p. Something like this

Code:

---

div.float p {
  margin:1em;
  font-size: 9px;
  text-align: center;
}

---