I am trying to create a resizeable div, where the client can expand the the DIV using a handle on the bottom right. I have most of the functionality in place using the struts2 - jquery plugin. The issue I have is the DIV has four corners 2 top and 2 on the bottom. Between this i have a repeating 1px matching colored background for the x & y (top, bottom, left & right axis).
So when parentDiv is expanded horizontally the top left and right corners keep their width but the topBorder expands its %, and when expanded vertically the left and right border % expands. Ideally this solution will not have a fixed width x & y border image and just grow the 1px as required.