JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/7050796/bold-problem-in-firefox-chrome-dobbelt-border-problem

HTML

<div class="content"></div>

<div class="content test"></div>

CSS

.content {
    height: 100px;
    width: 100px;
    background-color: #F4F4F4;
    border: 1px solid white;
    box-shadow: 0 0 8px #AAAAAA;
    outline: 1px solid #B9BDBE;
    margin: 25px;
}

@-moz-document url-prefix() {
    .content.test{
        outline-offset: -1px;
    }
}