I'd like to have same width of cell border lines in the table on a visual force page.

I appreciate if I could have some help.

I wrote in css definition as follows.

There may be some unnecessary lines involved,

But there was no error.

.sample {
         text-align:center;
         vertical-align: middle;
         background-color:#FFFFFF;         
         /*border-top-width:1px;
         border-bottom-width:1px;
         border-right-width:1px;
         border-left-width:1px;*/
         border-width:thin;
         /*border-width:1px 1px 1px 1px;
         border-color:black;padding: 0px;*/         
}

I wrote html tags for table  as follows.

(I'm not sure, but  there might be some missing or ineffective definitions) 

As to first table tag, cellspacing is set  as "0" and bgcolor is set to have black.

2nd inside table tag cellspacing is set as "1"

td tag which is to have actual data sets bgcolor as white.

and then have 2 ending table tags.

    <table border="1" cellpadding="0" cellspacing="0" bgcolor="#000000" style="border-width:1px;">  

      <tr>
      <td>
       <table cellspacing="1" style="border: 1px soild black">

       *********************************************************

       <td text-align="middle" border-width="0" cellspacing="1" bgcolor="#FFFFFF" id="cDataCell"><apex:outputText value="**********"/></td>

       *********************************************************

       </table>
       </td>
       </tr>
      </table>

I found out that if a next cell ( either top, bottom, left or right) which has data from object table, the border line becomes thinner.

If the next cell dosn't have data, the line gets thicker.

It seems like it depends on whether the next cell has data or not.

I would like to have same width line for all table data cells regardsless of the next cell data.

If there is any resolution for this, Please let me know

Thanks

Mori