I have a table with the following rules :
<table cellspacing="0" cellpadding="0" style="table-layout:fixed;
width:1000px;border-collapse:collapse;border-spacing:0">
and the cells have the following CSS:
td{
padding:4px;
height:22px;
border:1px solid gray;
}
The computed style for my table cells looks like the following in FF:
padding-top 4px
padding-right 4px
padding-bottom 4px
padding-left 4px
border-top-width 0
border-right-width 1px
border-bottom-width 1px
border-left-width 0
whereas on webkit, it looks like this:
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
For some reason, there is a difference in the following two properties:
border-top-width
border-left-width
Is this a known issue ? Any possible solutions to the problem ??