amigos, compañeros y maestros ,,, 
 
tengo ya mas de dos dias con esto y no he encontrado nada para solucionarlo 
tengo un div el cual sirve como un header y cubre el 100 % de la pantalla
ahi todo bien  el proble es que si por algun motivo el usuario hace mas pequeña la pantalla dicho div se hace al 100% del tamañno de la misma  
haciendo que se vea cortada al seguir el scroll horizontal que aparece  
les muestro  
web al 100% del monitor  
 
 
web con tamaño menor al monitor  
 
 
el problema que veo que el div va al 100% de la pantalla   
como puedo hacer para que ocupe el 100% del body osea del ancho de la web 
gracias abajo el code  
#barra-header{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	height: 38px;
	background:#fff;
} 
 <div id="barra-header"></div> 
gracias por su apoyo