IE Spacing Issue!

[ikon]

I cannot figure out how to eliminate the space that you can clearly see under the title "Nassarius Snail $0.79" and under the "Video" tab on this page: http://www.reefscavengers.com/snails.html

The space only shows up in IE, it does not show up in firefox. I would appreciate any help you can offer.

Thank you

[Beverleyh]

Try removing the divs around the images (one of them doesnt appear to be closed anyway) and use floats on the images instead.

style="float:left" in the left img tag
style="float:right" in the right img tag

[ikon]

Thank you Beverley! That made it a little better, but now if you take a look there is still a small space under the two images, any idea how to get rid of that?

[Beverleyh]

oops - I didnt spot the <br> between the video tab and nassarius4 - try removing it and see how things looks then.

[Beverleyh]

I think I know what you're going to say next.... about the tabs not reaching the edges in IE?

Create yourself an IE only stylesheet for the offending images;

<!--[if IE]>
<style type="text/css">
img.nassarius3 {
float:left;
margin-left:-3px;
}
img.snails-video {
float:right;
margin-right:-11px;
}
</style>
<![endif]-->
(more info: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/ )

HTML changes to the offending image tags;

<IMG src="snails_files/nassarius3.gif" class="nassarius3" >
<IMG border=0 src="snails_files/video.gif" srcover="videoover.gif" class="snails-video" >

...and I think the bottom right tab needs tweeking too but I'll leave you to follow my starting points...

[ikon]

Perfect! Thanks!