Different cell border color overriding

[domazone]

Hello,
Please help, i am in a deadend.
I created a table with two rows and columns with different border color for each cell. The problem is that different cell borders overrides each one and only one is left as a result. Code example:

<table width="742">
<tbody>
<tr>
<td style="border: 10px solid blue;" height="300">
<h4 align="center">A</h4>
</td>
<td style="border: 10px solid crimson;" width="25%">
<h4 align="center">B</h4>
</td>
</tr>
<tr>
<td style="border: 10px solid limegreen;" width="45%" height="300">
<h4 align="center">C</h4>
</td>
<td style="border: 10px solid gold;" width="45%">
<h4 align="center">D</h4>
</td>
</tr>
</tbody>
</table>

[sudhakar1]

Hi domazone,
I am checked your coding its create a correct table format and its show the good results ...

[domazone]

The table is created - width and height are fine.
The problem is with overriding border colors.
I am using wordpress - example below:

http://energymarket.lt/pvz/