css inset groove,CSS borders style INSET or GROOVE look very differ

Sorry for being a nitwit, but I am getting some really, very big different outcomes visually from the various browsers when trying to get a certain groove effect or inset effect as border style.

when using

{

border: 5px groove #A00;

}

or

{

border: 5px inset #A00;

}

The Firefox 3.6/4.0 look is the one that is what I need and what I think is a correct GROOVE or INSET rendering. All the others look awfully different. Close to SOLID or OUTSET. Apparently there is no real precise definition, which kind of makes it a surprising party for the developers at the browsers to give each their own interpretation of what INSET and GROOVE styling does.

Is there any way I could get the currently ridiculous differences to match up towards one well thought design of mine that might look the same way in the major browsers?

I am not afraid of using some other creative CSS3 stuff if I only know what or how that could be used then.

So any ideas are welcome and code especially too.