Imagen background en botón responsive

[sfumatto]

Hola a todos.
Estoy diseñando una web en la que hay una serie de botones con imágenes de fondo que cuando pasas el ratón por encima cambia a otra imagen, para no utilizar imágenes de sustitución coloqué las imágenes como background, definiéndolas en css tanto normal como la posición hover...

Pues bien el problema viene al definir el diseño responsive mediante Media Queries: el ancho del div y de la imagen las defino como 100% (width y background-size) pero el problema lo tengo en la altura que no puedo definirla con porcentajes y como la imagen es un fondo y no en una img insertada...

No sé si me he explicado, he buscado mucho sobre esto pero solo encuentro casos en los que la imagen es el fondo del body, lo cual no es mi caso.

Alguna solución ????