CSS: alternativa de deslocamento de contorno para o IE?

Estou usando o código a seguir para as duas bordas de cores diferentes e o espaço entre as bordas. Estou usando a propriedadeoutline-offset para o espaço entre as fronteiras. No entanto, não é suportado no IE (nem mesmo no IE9). Existe alguma solução alternativa que funciona no IE, sem adicionar outro div no html.

HTML:

<div class="box"></div>

CSS:

.box{
    width: 100px;
    height: 100px;
    margin: 100px;
    border: 2px solid green;
    outline:2px solid red;
    outline-offset: 2px;    
}

A altura e a largura não são fixas, apenas usei para o exemplo.

JSFiddle: http://jsfiddle.net/xyXKa/

questionAnswers(4)

yourAnswerToTheQuestion