JSFiddle - React, Tailwind, and code Playground

by jackrugile

HTML

<p>Left side of the border, in the middle, is showing the border color from the opposite side. Remove the border radius from the div will fix the problem. This is happening in:</p>
<ul>
    <li>Google Chrome Version 20.0.1132.34 Beta<li>
    <li>Safari Version 5.1.7 (6534.57.2)</li>
</ul>
<div></div>

CSS

body {
    background: #222;
    color: #fff;    
}

div {
    background: #444;
    border-bottom: 1px solid #555;
    border-left: 1px solid #000;
    border-right: 1px solid #555;
    border-top: 1px solid #000;
    border-radius: 5px;
    height: 600px;
    margin: 50px 0 0 50px;
    width: 200px;    
}