Dynamic resizing background image

HTML & CSS
1

Hello,

I wonder if someone could point me in the right direction

I am setting up a form here

http://search.squabit.com

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

David

2

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

Cheers

Dave

3

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.