scale9Grid

scale9Grid

I've tried working with the scale9Grid plugin but it seems to be very instable?  Sometimes if I change the values of top/bottom/left/right just by a few pix either the background image completely disappears or it just repeats (the default behaviour without the plugin).  I've also had occasions where changing the font-size totally messes up the aspired effect.
 
I thought I was doing something wrong, but even when I took the files of the example provided with this plug in and simply changed around the images in the style sheet, it all went wrong.  For example if I change "aqua.png" and "tab.png" around in the CSS, like
 
  1. .aqua { background-image:url(tab.png); ....}
  2. .list li { background-image: url(aqua.png); ...}
the result is not as expected: there is no background image for the .aqua div and the background image for the list item (.list li) repeats, as the screen dump below shows.  Is there anything I'm doing wrong?  I'd really like to use this plug in as it would save me from a lot image slicing and all that.