CSS - How to remove whitespace between anchored images
I have two anchored images on top of each other, separated with a line break. I want the images to sit directly on top of each other, but in Firefox there is a gap between the images. It works in IE7. The only way I have been able to fix this is by changing the line-height (which I don't want to do).
<a href="image.jpg"> <img height="75" width="75" src="image.jpg" /> </a> <br/> <a href="image2.jpg"> <img height="75" width="75" src="image2.jpg" /> </a>
Placing the CSS property vertical-align to bottom on the top image will remove the gap in Firefox.