Image Spacing Issue

[AnonymousX]

I'm working with a photo gallery script on my personal portfolio. I'm having a little bit of trouble with the way that part of it is formatted though. In Internet Explorer everything looks fine (for once), and in Firefox and Safari it appears incorrectly. The site I'm working with is listed below.When you look at the "Featured Projects" section of the page, in IE, there is a margin between each of the images, but in FF and Safari they are stacked directly on top of one another. I'd like to have them spaced as they appear in IE. Below is a portion of the code I'm working with (I know it's messy, but I'm being rushed to finish this for a class during finals week).

<div class="highslide-gallery">		 	  	  			<a href="images/lg-adhesion.jpg" class="highslide" onclick="return hs.expand(this)">			<img src="images/sm-adhesion.jpg" alt="Highslide JS"		title="Click to enlarge" /></a>							<div class="highslide-caption">Current design for my small web contracting business, Adhesion Ar</div>		<a href="images/lg-wtsoa.jpg" class="highslide" onclick="return hs.expand(this)">	<img src="images/sm-wtsoa.jpg" alt="Highslide JS"		title="Click to enlarge" /></a>	   		<div class="highslide-caption">Design for a contract with the Wisconsin Traffic Safety Officer's Association</div>

Because the script uses a div for the caption, I've been unable to use <ul> and <p> tags that have been properly formatted around them. Any advice on how to do this?Thanks,X

[jlhaslip]

add a img{ margin-bottom: 1em; } works to space those out. I don't have IE available for testing. You might need an IE only Conditional Comment style to affect those browsers differently.

[AnonymousX]

Thanks, that worked perfectly!