title: CSS: outline-offset alternative for IE?
body: <p>I'm using the following code for the 2 borders of different colors, and space between the borders. I'm using the property <code>outline-offset</code> for the space between the borders. However it is not supported in IE (not even IE9).
  Is there any alternate solution which works in the IE as well, without adding another div in the html.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="box"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.box{
      width: 100px;
      height: 100px;
      margin: 100px;
      border: 2px solid green;
      outline:2px solid red;
      outline-offset: 2px;    
  }
  </code></pre>
  
  <p>The height and width is not fixed, i have just used for the example.</p>
  
  <p><strong>JSFiddle:</strong>
  <a href="http://jsfiddle.net/xyXKa/" rel="noreferrer">http://jsfiddle.net/xyXKa/</a></p>