<header> Bereich stehen lassen

[Jnnbo]

Hallo,

ich möchte gerne den <header> Bereich links beim scrollen stehen lassen. Um beide Bereiche also den <header> und <main> links und rechts anzuordnen verwende ich folgendes CSS

  
header {  
	margin-top:2em;  
	margin-right:50px;  
	display:inline-block;  
	width:230px;  
	vertical-align:top;  
}  
main {  
	display:inline-block;  
	width:680px;  
	margin-top:2em;  
}  

Klappt auch, aber sobald ich dem <header> ein position:fixed; gebe, bleibt dieser zwar stehen, aber der <main> Bereich legt sich _über_ den <header> Bereich. Warum greift hier das display:inline-block; nicht mehr?