Używam następującego kodu dla 2 granic różnych kolorów i przestrzeni między granicami. Używam nieruchomościoutline-offset za przestrzeń między granicami. Jednak nie jest obsługiwany w IE (nawet IE9). Czy istnieje jakieś alternatywne rozwiązanie, które działa również w IE, bez dodawania kolejnego div w 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;    
}

Wysokość i szerokość nie są stałe, właśnie użyłem tego przykładu.

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