Dynamic resizing background image


I wonder if someone could point me in the right direction

I am setting up a form here


I have added a simple background shadow image bg.png . However when i hide the options using the show / hide toggle link (a jquery show / hide function) the div shrinks and the image looks kind of cut off.

What would be the best method of making the background image resize. I feel it might have something to do with sprites but I am guessing

Any help very much appreciated

Thank you


thannks for the reply - i think the subtle bottom image might be the option



Hmm, background images don’t resize. You might be able to associate different bg images depending on the state of the div, but that would be a JS thing. I would probably look at putting a subtle bottom border on the wrapper that would make things look tidy in the closed state, but you will probably hate that suggestion.