Border-Spacing problem in IE7

Question

I've a table on where I need a spacing between two rows of table. I did it in following way.

table.fltrTbl
{
    margin:0px;
    padding:0px;
    border-collapse:separate;
    border-spacing:0 11px;  
}

table.fltrTbl td
{ 
    vertical-align:middle;
    padding-right:14px; 
    padding-left:0;
    padding-top:0;
    padding-bottom:0;
    margin:0;
}

table.fltrTbl tr
{ 
}

But, this solution is not working with IE7. Can you suggest any changes to this class in order to make that work in IE7.

Note: Please do not answer apply seperate class to every tr in table.

Answer 1

Try removing the border-spacing, change border-collapse to collapse and just use the td padding to create the spacing.

Answer 2

IE7 doesn't support border-spacing at all. (And IE 8 only with one value). For IE7 you can use the HTML attribute cellspacing instead - but also only with one value for both horizontal and vertical spacing.

The only cross browser way to have a horizontal gap in table is to use a blank table row and cell.