spaces between images in FF and IE

[derlagen]

hi, i have a problem in firefox with images in a table. as you can see on the website www.bestofrome.eu, the imagebar on the left appears ok in IE but for some reason, firefox puts a space between each row of the table (and also between the table of the topbar and the lower part of the page). why does FF do this and how can it be solved?

Thanks a lot for the help.

[jscheuer1]

I'm not sure what the problem is but it also occurs in Opera so, you could correct it with a kludge. Set the bottom margin negative on the problematic images like so:


<img src="img/leftvat_off.gif" style="margin-bottom:-5px!important;margin-bottom:0;" width="180" height="53" alt="vatican" border="0" name="menupic7" />

IE will follow the second rule, all others will follow the first. If you want to apply this to several images, use a class:


<img class="short" src="img/leftvat_off.gif" width="180" height="53" alt="vatican" border="0" name="menupic7" />

Then use this style block in the head or put its rule on an external stylesheet:


<style type="text/css">
.short {
margin-bottom:-5px!important;margin-bottom:0;"
}
</style>

This seemed good for most of the images, you may need to do one or two of them individually.