Estimado,
Seguramente tienes la capa de la barra azul dentro de alguna otra capa contenedora, por ello que no se hace "infinita". aca te dejo un ejemplo de como deberia ser...
primero creas una capa "central" con ancho y alto al 100% donde iran todas las demas capas, dentro haces primero la capa de la linea azul con width:100%; y luego la capa contenido, la centras en el navegador y dentro pones todo el contenido
Código HTML:
<html>
<head>
<title>css</title>
<style type="text/css">
* {
margin:0px;
padding:0px;
}
#central {
position:absolute;
width:100%;
height:100%;
}
#contenido {
position:absolute;
width:500px;
height:1000px;
left:50%;
margin-left:-250px;
background-color:#999;
}
#barra {
position:absolute;
background-color:#009;
width:100%;
height:100px;
}
</style>
</head>
<body>
<div id="central">
<div id="barra"></div>
<div id="contenido">
resto del contenido
</div>
</div>
</body>
</html>