Bar on bottom of some images

[LP640]

I'm having an issue with bars showing on the bottom of some images on my website. Also, when I apply a shadow to an image, the bar appears at the bottom. Anyone know what could be causing this to happen? Code for image: p.backgroundTop{position:relative;z-index:-1;background:url('images/backgroundTop.png');margin-top:-10px;margin-right:-8px;margin-left:-8px;} Code for shadow: p.workImage_8_thumb{position:absolute;z-index:1;margin-top:340px;margin-left:300px;overflow:auto;box-shadow: 10px 10px 5px #888888;} Thanks.

[ShadowMage]

This is because images are, by default, inline elements. Inline elements leave a bit of space below them for "hanging letters" like g, p, or q. You can fix this by setting their display to block (I think inline-block will also work) or by floating them.