Chrome 39 bug?
HTML
<section>
<span>
Test
<div></div>
</span>
</section>
CSS
body{
padding: 20px;
}
section{
width: 200px;
text-align: center;
background-color: grey;
}
span{
position: relative;
background-color: rgba(0, 255, 0, 00.5);
/*display: inline-block; activating this makes it work as expected again */
}
div{
position: absolute; /*switching this on and off via the developer tools has weird behaviour*/
width: 100%;
height: 3px;
background-color: red;
}