Please help why different color for IE and FF?

I am new to CSS.

Code:
<table style="border-width:1px; border-style:solid" width="100%" bordercolor="#D1D1E1" >
<tr>
<td style="border-width:0px 0px 0px 0px; border-style:solid" bordercolor="#D1D1E1" bgcolor="#ECF3EB">.</td>
<td style="border-width:0px 0px 0px 1px; border-style:solid" bordercolor="#D1D1E1" bgcolor="#ECF3EB">.</td>
<td style="border-width:0px 0px 0px 1px; border-style:solid" bordercolor="#D1D1E1" bgcolor="#ECF3EB">.</td>
<td style="border-width:0px 0px 0px 1px; border-style:solid" bordercolor="#D1D1E1" bgcolor="#ECF3EB">.</td>
</tr>
</table>

Question:
style="border-width:0px 0px 0px 1px; border-style:solid" bordercolor="#D1D1E1"

Why IE works fine but FF shows black?
What is the right way?


Thanks/Regards,

 

try this

<table style="width:100%;border:1px solid #D1D1E1" >
<tr>
<td style="border:1px solid #D1D1E1;background-color:#ECF3EB">.</td>
<td style="border:1px solid #D1D1E1;background-color:#ECF3EB">.</td>
<td style="border:1px solid #D1D1E1;background-color:#ECF3EB">.</td>
<td style="border:1px solid #D1D1E1;background-color:#ECF3EB">.</td>
</tr>
</table>

 

Thank you,

please help me to fix
<table style="width:100%; border-width:1px solid #D1D1E1" cellspacing="0" cellpadding="0" >
<tr>
<td style="border:1px solid #D1D1E1;background-color:#ECF3EB">.</td>
<td style="border:1px solid #D1D1E1;background-color:#ECF3EB">.</td>
<td style="border:1px solid #D1D1E1;background-color:#ECF3EB">.</td>
<td style="border:1px solid #D1D1E1;background-color:#ECF3EB">.</td>
</tr>
</table>

Question:
I use cellspacing="0" cellpadding="0" but td style="border:1px looks like 2px

Thanks / Regards

 

Try this :
<table style="width:100%; border:1px; solid #D1D1E1;" cellspacing="0" cellpadding="0" >

Instead of this line:
<table style="width:100%; border-width:1px solid #D1D1E1" cellspacing="0" cellpadding="0" >

You are done.

 

thanks,
but still same, looks like 2px
it is from td 1px + td 1px =2px

 

I think it can be done by removing table or td border:

<table style="width:100%;" cellspacing="0" cellpadding="0">
<tr>
<td style="border:1px solid #d1d1e1;background-color:#ecf3eb">.</td>
<td style="border:1px solid #d1d1e1;border-left:none;background-color:#ecf3eb">.</td>
<td style="border:1px solid #d1d1e1;border-left:none;background-color:#ecf3eb">.</td>
<td style="border:1px solid #d1d1e1;border-left:none;background-color:#ecf3eb">.</td>
</tr>
</table>

Or,

<table style="width:100%;border:1px solid #d1d1e1" cellspacing="0" cellpadding="0">
<tr>
<td style="background-color:#ecf3eb">.</td>
<td style="border-left:1px solid #d1d1e1;background-color:#ecf3eb">.</td>
<td style="border-left:1px solid #d1d1e1;background-color:#ecf3eb">.</td>
<td style="border-left:1px solid #d1d1e1;background-color:#ecf3eb">.</td>
</tr>
</table>

 

Masim man,

Great and it works

Thanks