[css3-flexbox] alignment and overflow:scroll

I'm confused about the order in which we apply alignment and overflow on
the flexbox.  Here's an example with stretching:

<div style="display: flexbox; overflow: scroll; height: 100px;">
  <img intrinsic-height=200px>
</div>

Should the image resize to a height 100px with no scrollbar on the flexbox
or should the image stay at 200px and the flexbox get a scrollbar?

Here's a similar example:
<div style="display: flexbox; overflow: scroll; height: 100px;">
  <img intrinsic-height=200px style="item-align: flex-end">
</div>

Where is the cross-end?  Is it the bottom of the flexbox (100px), causing
the flexbox to overflow out the top, or should the scrollable area extend
to 200px tall?

Should absolutely positioned flex items also increase the size of the
scrollable area and change the position of cross-end?  This is further
confused in the wrap-reverse case where the cross-start is the bottom of
the flexbox (we need to resolve absolute position to determine the
scrollable area size, but absolutely positioned items will move during
wrap-reverse after we've computed the scrollable area size).

Thanks,
tony