Hola, tengo un header con width=100% (ancho total de la pantalla) el cual contiene una img con width=100% también pero no "conozco" su height ya que va a depender del ancho por lo tanto el contendor que se encuentra debajo de este por las posiciones que tienen según la resolución a veces me queda por encima del header. Como puedo solucionarlo sin colocar un ancho fijo, ya que un margin-top no puedo ponerle porque como dije antes no conozco la altura del header.
 
HTML: 
 Código HTML:
 <header>
   <img src="img1" />
</header>
<section id=wrapper>
</section> 
 CSS: 
Código:
 header{
	width:100%;
	position:fixed;
}
header img{
	width:100%;
}
#wrapper{
	width:960px;
	margin:0 auto;
}
  Muchas gracias!