CSS Shorthand Cover Broken on Chrome?

HTML

<h1>
Shorthand Cover
</h1>
<div class="slide-image" style="background: url('http://lorempixel.com/400/200/') center center no-repeat / cover;">
</div>
<h1>
Not Shorthand Cover
</h1>
<div class="slide-image" style="background: url('http://lorempixel.com/400/200/') center center no-repeat; background-size: cover;">
</div>

SCSS

.slide-image {
  background-color: pink;
  width: 400px;
  height: 200px;
}