# IE vs FF \[thumbnails problem\]

**URL:** https://forum.kirupa.com/t/ie-vs-ff-thumbnails-problem/203669
**Category:** web dev
**Created:** [October 12, 2006, 10:48pm UTC](https://forum.kirupa.com/t/ie-vs-ff-thumbnails-problem/203669 "2006-10-12T22:48:25Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![cokelatdesign](https://avatars.discourse-cdn.com/v4/letter/c/7c8e57/32.png) [@cokelatdesign](https://forum.kirupa.com/u/cokelatdesign)
#### Post date: [October 12, 2006, 10:48pm UTC](https://forum.kirupa.com/t/ie-vs-ff-thumbnails-problem/203669/1 "2006-10-12T22:48:25Z")

</div>

hi guys,

I’m having trouble matching the size of the thumbnails in IE and FF,

[http://cg-animation.com/3d/illustrations/3d\_illustration.html](http://cg-animation.com/3d/illustrations/3d_illustration.html)

as you can see when you open it in IE the thumbnails looks alot bigger than if you open it in FF.

this is the code for the thumbnails:  
\<table id=“thumb\_container” width=“200” border=“0”\>  
\<tr\>  
\<td\>\<a href=“3d\_illustration.html”\>\<img class=“transOFF” onmouseover=“this.className=‘transON’” onmouseout=“this.className=‘transOFF’” src=“images/thumb/image1\_tmb.jpg” alt=“tmb1” /\>\</a\>\</td\>  
\<td\>\<a href=“3d\_illustration2.html”\>\<img class=“transOFF” onmouseover=“this.className=‘transON’” onmouseout=“this.className=‘transOFF’” src=“images/thumb/image2\_tmb.jpg” alt=“tmb2” /\>\</a\>\</td\>  
\</tr\>  
\</table\>

this is the css:  
#thumb\_container{  
position:absolute;  
float:left;  
margin-top:75px;  
_margin-top:15px; /_ for IE\*/  
}  
img.transOFF {  
width: 100%;  
border:1px solid #ccc;  
}  
img.transON {  
width: 100%;opacity:.50;  
filter: alpha(opacity=50); -moz-opacity: 0.5;  
border:1px solid #000;  
}

can anyone help me?  
thx