Who wins for border corners?

Hi,
I just browsed a bit though this list, but couldn't find anything of help
for me. I want to display a table with some individual borders around the
cells, all solid and 1px wide. But my browser displays exactly one pixel in
the wrong color, and that's the most left one of the top border.

Here are the relevant CSS definitions:
td.cell1
{
    background: gray;
    border-left: solid 1px black;
}
td.cell2
{
    background: gray;
    border-left: solid 1px black;
    border-top: solid 1px white;
}

cell1 is located directly over cell2:
<table>
    <tr>
        <td class=cell1>...</td>
    </tr>
    <tr>
        <td class=cell2>...</td>
    </tr>
</table>

One would expect now that the left border is a non-interrupted black line
and the white horizontal line begins just right of this line. But what I see
is that the white line goes one pixel more to the left and interrupts the
black line. This can apparently be seen with different browsers around.

So what can I do to define some kind of priorities for my borders? Say:
    border-priority: left top;
Is there such a property available or planned?

-- 
Yves Goergen
nospam.list@unclassified.de
Please CC me...

Received on Friday, 30 January 2004 05:59:12 UTC