background gradient and tiles

by nav9

HTML

<body>
<link rel="stylesheet" type="text/css" href="Styles.css">
    <header>
      <div id="top-menu-bar">
        Login &nbsp; | &nbsp; Registration
      </div>
      <div id="logo-bar">
        LOGO
      </div>
	</header>
	
    <div>
	<p>fsdfs</p>
	</div>
</body>

CSS

body 
{
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	/*background: radial-gradient(rgba(1,55,207,0.8), rgba(6,62,152,0.87), rgba(4,32,112,1));*/
	background: radial-gradient(rgba(1,55,207,0.8), rgba(6,62,152,0.87), rgba(4,32,112,1));/*, url("images/starTile.png") repeat;*/
	background-image: url("http://lorempixel.com/400/200/") repeat;	
	position: fixed;
}


header {
    background:blue;
    height:100px;
    position: fixed;
    width: 100%;
}

#top-menu-bar {
    border: 1px dashed red;
    padding: 15px;
    text-align: right;
}

#main-menu-bar {
    border: 1px dashed red;
    padding: 15px;
}

#logo-bar {
    border: 1px dashed red;
    padding: 35px;
}

#content {
    border: 2px solid black;
    height:1000px;
}

footer {
    border: 2px solid blue;
    padding: 15px;
}