Bild proportional skalieren

[Multi]

Mahlzeit,
ich hab einen Banner (h1-Element). Jetzt will ich, dass beim Aufziehen des Fensters der Banner proportional skaliert.Bisher klappt ds nur mit der Breite aber nicht mit der Höhe.
Ist es überhaupt machbar? Bei Hintergrundbildern ist es ja kein grosses Problem, bei Elementen hab ich noch keinen Erfolg gehabt.
Ein height: auto; schiebt den Banner auf 0px zusammen (im FF9 und Chrome 17)

Ist zwar ein Problem mit relativ geringer Priorität, aber vielleicht gibts eine einfache Lösung :)

HTML:

  
<h1 id="banner"></h1>  

CSS:

  
h1#banner {  
	width: 98%;  
	max-width: 1280px;  
	height: 130px;  
	background: url(../images/banner.png) no-repeat;  
	background-size: 100% 100%;  
	background-origin: content-box;  
	margin-left: auto;  
	margin-right: auto;  
	border: 2px solid black;  
	border-radius: 20px;  
	box-shadow: 0 0 10px 2px #000;  
}