[Segment] - Piled Segments are not piled when on background colors

EDIT This description was updated after better investigation.

---

Steps to Reproduce

1. Create any element with a background color and sufficient padding to contain the piles.
2. Create a piled segment within the element with the background color.

Expected Segments to appear piled. They are not piled as the ::before and ::after pseudo elements use negative z-index values which are placed beneath the background color.

Result The segment looks like a regular segment.

Testcase

http://jsfiddle.net/2mbjz1p9/

[levithomason]

It appears they are correct on the doc site now. Mac OSX 10.10.5 (14F1909), Chrome 52.0.2743.116 (64-bit).

However, when placed in a Column, they are still missing:

<div class="column">
  <div class="ui piled segment">
    Pellentesque habitant morbi tristique senectus.
  </div>
</div>

A piled segment requires the containing element to have z-index: 1. Adding this to the Column resolves the issue:

-<div class="column">
+<div class="column" style="z-index: 1;">
  <div class="ui piled segment">
    Pellentesque habitant morbi tristique senectus.
  </div>
</div>

[levithomason]

I see your fiddle renders OK. I’ll double check versions and styles here and see if it is something the React docs are loading on top of SUI.