Resizing submit buttons - max-width does not work.

[brokaddr]

All of my images resize/shrink based on screen resolution, with the exception of image-based submit buttons.

Is there a special CSS command required to get those to shrink, as well?

<input type="image" class="submit" src="image.gif">

This does not work:

.submit{
max-width:100px;
}

[lucy24]

A foreground image will always display at its natural size unless you've explicitly told it to use a different size. That's the image itself, not the <input> area. A background image...

Well, you know what comes next: What proportion of MSIE users are you prepared to dump? ;)

[brokaddr]

It doesn't resize on Firefox or Chrome, either - so I think I must be missing something here, correct?

[lucy24]

Heh. What I meant was: There are lots of CSS things involving background-size that will do what you want. But many of them are not supported in MSIE < {current-version + 1}

[brokaddr]

I've learned the hard way over the past few weeks about MSIE not playing nice. :)
I don't even bother updating my IE stylesheet until I get Firefox & Chrome to do what I want.