dashed lines in 'solid' border-style 1

[MikeyK]

I have a problem with the implementation of a CSS style
I am developing for IE only (not NN)

It looks fine in IE5.5 and IE6

I am trying to make make a dividing center line
but in IE5.0 the grey border has a 1 pixel gap at the bottom of each cell, even though 'border-style: solid;'

This makes it look like a dashed line down the side of the table

the style is:

.tableshadowborder {
border-color: #A5A5A5;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
background-color: #F5F8FC;

}

an example row where it is implemented is:

<tr>                               
<td class=&quot;bodysmalllight&quot; valign=&quot;top&quot; height=&quot;24&quot; width=&quot;189&quot;>Previously used post '83 tax free threshold</td>
<td class=&quot;textbox&quot; width=&quot;177&quot;>
<input class=&quot;textboxr&quot; size=&quot;20&quot;><td>
<td class=&quot;textbox&quot; width=&quot;40&quot;> </td>
<td class=&quot;tableshadowborder&quot; valign=&quot;top&quot; width=&quot;14&quot;> </td>
<td class=&quot;tableshadow&quot; width=&quot;225&quot;> </td>
<td class=&quot;tableshadow&quot; width=&quot;72&quot;> </td>
<td class=&quot;tableshadow&quot; width=&quot;33&quot;> </td>
</tr>

If several rows are copied, the dashed effect can be observed

maybe someone else has encountered this before

Please help it is driving me insane

 

[Boomerang]

Hi MikeyK,

This will do the trick:

.tableshadowborder {
border-left: 1px solid #A5A5A5;
background-color: #F5F8FC;
}

Hope this helps,

Erik