Hello all, my first post here.
I am trying to get this one working in both browsers :

<style>
.tn{background-color:#e2c7a0;width:120px;border:1px solid black;margin:5px;height:150px;vertical-align:top;padding:5px;text-align:center}
.tn{display:inline;}
.category{font-size:11px;}
h2{font-size:11px;font-weight:normal;}
.sub-title {text-align:left;width:95%}
</style>
 
<div style="border:none; width:650px;background-color:transparent;text-align:center;"><span class="sub-title">Categories:</span><br/>
<table class='tn' ><tr><td><img border='1' src='/gallery/gallery_images/tn_brown_bobby_arie_2.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("DIVER")' style='font-weight:bolder;text-decoration:none'>Divers to Frigatebirds</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_black_stork_rony.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("HERON")' style='font-weight:bolder;text-decoration:none'>Herons to Flamingos</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_wigeon_eyal.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("WILDFOWL")' style='font-weight:bolder;text-decoration:none'>Wildfowl</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_black_vulture_yoram2.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("RAPTOR")' style='font-weight:bolder;text-decoration:none'>Raptors</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_hubara_bustard_yoram.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("PARTRIDGE")' style='font-weight:bolder;text-decoration:none'>Partridge to Bustards</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_caspian_plover_tomer.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("WADER")' style='font-weight:bolder;text-decoration:none'>Waders</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_common_tern_rony.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("SKUA")' style='font-weight:bolder;text-decoration:none'>Skuas to Terns</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_black_bellied_sandgrouse_roni.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("SANDGROUSE")' style='font-weight:bolder;text-decoration:none'>Sandgrouses to Cuckoos</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_eagle_owl_yoram_2.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("OWL")' style='font-weight:bolder;text-decoration:none'>Owls to Swifts</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_pied_kingfisher_lior.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("KINGFISHER")' style='font-weight:bolder;text-decoration:none'>Kingfishers to Woodpeckers</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_st_lark_rony.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("LARK")' style='font-weight:bolder;text-decoration:none'>Larks to Thrushes</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_sedge_warbler_lior.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("WARBLER")' style='font-weight:bolder;text-decoration:none'>Warblers to Sunbirds</a></td></tr></table>
<table class='tn'><tr><td><img border='1' src='/gallery/gallery_images/tn_trumpeter_finch_lior.jpg'></td></tr><tr><td><a href='javascript:ShowCategoryImages("SHRIKE")' style='font-weight:bolder;text-decoration:none'>Shrikes to Buntings</a></td></tr></table></div>
<br/>

But while working happily in IE, it doesn't work for FF.
I can partially work it out by replacing :
.tn{display:inline;}
with :
.tn{float:left;}

But than the whole thing is not centerd.

Any ideas ?

Another almost there version:

<style>
.wrapper {text-align:center;}
.tn {display:inline;cursor:pointer;background-color:#e2c7a0;}
.sub-tn{background-color:#e2c7a0;width:120px;border:1px solid black;margin:5px;height:150px;vertical-align:top;text-align:center;display:table-cell;display:inline-table;display:inline-block}
.sub-tn img{background-color:#e2c7a0;margin:5px;}
img {height:100px;width:100px;}
</style>
 
<div style="border:none; width:650px;background-color:transparent;text-align:center;"><span class="sub-title">Categories:</span><br/>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("DIVER")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_brown_bobby_arie_2.jpg'/><br/>Divers to Frigatebirds</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("HERON")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_black_stork_rony.jpg'/><br/>Herons to Flamingos</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("WILDFOWL")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_wigeon_eyal.jpg'/><br/>Wildfowl</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("RAPTOR")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_black_vulture_yoram2.jpg'/><br/>Raptors</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("PARTRIDGE")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_hubara_bustard_yoram.jpg'/><br/>Partridge to Bustards</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("WADER")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_caspian_plover_tomer.jpg'/><br/>Waders</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("SKUA")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_common_tern_rony.jpg'/><br/>Skuas to Terns</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("SANDGROUSE")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_black_bellied_sandgrouse_roni.jpg'/><br/>Sandgrouses to Cuckoos</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("OWL")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_eagle_owl_yoram_2.jpg'/><br/>Owls to Swifts</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("KINGFISHER")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_pied_kingfisher_lior.jpg'/><br/>Kingfishers to Woodpeckers</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("LARK")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_st_lark_rony.jpg'/><br/>Larks to Thrushes</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("WARBLER")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_sedge_warbler_lior.jpg'/><br/>Warblers to Sunbirds</span></p>
<p class="tn"><span class='sub-tn' onclick='ShowCategoryImages("SHRIKE")' style='font-weight:bolder;text-decoration:none'><img border='1' src='/gallery/gallery_images/tn_trumpeter_finch_lior.jpg'/><br/>Shrikes to Buntings</span></p>
</div>

Any comments are welcome.

Ok.. you're trying to do a gallery.. but what is off between the 2 browsers.
Unfortunately, IE is likely doing it wrong and FF is doing it right as far as css and standards support - which is the way it always is.

You might want to take a look at this:
http://www.brunildo.org/test/ImgThumbIBL3.html

IE is likely doing it wrong and FF is doing it right

Wrong and right is not that starightforward you know...


Thanks for your help, it was indeed what I looked for.

True enough.. but in the sense of CSS and IE's implementation of it.. IE is wrong.
You'd be far better off dumping the mess of tables.. less maintenance, faster page loads, and .. gasp.. current technology !