Cell border disappears when using CSS gradient in old versions of IE
In older versions of IE, mainly versions <=8 and modern versions rendering in a Quirks document mode, using a gradient fill ignores a border, or rather, it fills over the border. This is very problematic when using a gradient fill to fill the background of a table cell. There are many posts around the net about this but most offer solutions that don’t always work, such as playing with border-collapse and position properties. Thus far, the only solution I’ve found that works across all cases is to simulate a border using the outline property.
The outline property is documented here: http://www.w3schools.com/cssref/pr_outline.asp
Sample CSS here:
outline: black solid 1px;
Thanks to James_Close from http://www.webmasterworld.com/css/3920160.htm for pointing this out