cross-browser tableborder-color resetting

Question

Whats the best way to reset and then rewrite the tableborder-color for the most common browsers, let's say FF, Opera, Safari and Chrome so that it will look the same as in IE.

IE:

Firefox, etc:

it seems that a browser selector is neccessary, because different browsers interpret the same hexadecimal values differently.

Answer 1

Why not use css instead? Something like the following will give you a cross-browser look:

<style type="text/css">
    table.myclass
    {
        border-collapse: collapse;
        border: 2px solid green;
        width: 300px;
    }
    table.myclass td
    {
        border: 2px solid green;
    }
</style>