CSS für Google Maps

[Birgit Egger]

Hallo,

ich bin gerade dran mir eine Handy App zu schreiben.
Dazu hab ich unteren HTML Code geschrieben mit dem CSS ganz unten.
Leider geht die Map über den Header drüber sodass man den Header nicht mehr sieht.
Weiß da jemand Abhilfe sodass der Header zu sehen ist und die navbar (navbar passt jetzt schon, diese ist unten zu sehen) und die Map den restlichen Platz ausfüllt.

Vielen Dank!!
Birgit

  
<div data-role="page" id="startTracking">  
	<div data-role="header" data-theme="f">  
		<div class="center-wrapper"><img id="logo" src="./images/logo.png" alt="logo" /></div>	  
	</div>  
	<div data-role="content">	  
		<div>  
			<img id="loadingImage" src="./images/loading.gif" alt="" />  
		</div>  
		<div id="map_canvas"></div>  
	</div>  
  
	<div data-role="footer" data-position="fixed">  
		<div data-role="navbar">  
			...  
		</div>  
	</div>  
</div>  

  
#map_canvas {  
	position:absolute;  
	bottom:0;left:0;  
	width:100%;  
	height:100%;  
	}