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
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