Image Slicing Bizarre Effects

I created a rounded rectangular image (actually several @2x, @3x) with say a corner radius of 20 points @1x. This image has an inside shadow on the upper top and left with a gradient going from light color on top to dark color at the bottom. I want the image to stretch both horizontally and vertically.


In the attributes inspector, I sliced it for Horizontal and Vertical and automatically it figured out the caps at 20 points left, right, top, and bottom with width of 1. I set the Center to Tiles (and also Stretches first) with the same result that the corners are all fine but there is no gradient with just the light color almost to the bottom (where the 20 point caps are) and from that point down, there is just the dark color horizontal area. Not at all what I expected as the center area did not capture any of the existing gradient from top to bottom.


I've tried every permutation I can think of, Tiles, Stretches, widths, cap sizes, all without success. So, can gradient images be sliced?

Image Slicing Bizarre Effects
 
 
Q