Wondering if this is an easy fix :) I have a website with the following CSS styles:
.gameboard-table
{
border: solid 3px black;
padding: 0px;
border-collapse: collapse;
}
.gameboard-table tr
{
padding: 0px;
margin: 0px;
}
.gameboard-table td
{
padding: 0px;
margin: 0px;
vertical-align: bottom;
border: solid 1px black;
}
Then, I added an ImageButton control (ASP.NET) inside it with the size set to 64*56 pixels. It looks great in IE7, with the black borders aligning perfectly with my image.
But in IE8, there's a 5px gap at the bottom of my image, causing the table to look odd when toggling compatibility modes on/off. Any suggestions on how to fix this without using emulate?
Thanks!