Untitled

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

	<title>Home</title>

		<style>

			body,html
			{
			width:99.7%;
			height:99%;
			}

			body {
			background-image: url('images/background.jpg');
			background-repeat:no-repeat;
			background-size: 101%;
			}

			#button_home {
			margin-top: 3%;
			margin-left: 2.5%;
			margin-bottom: 0%;
			margin-right: 0%;
			}

			#button_css {
			margin-top: 2%;
			margin-left: 2.5%;
			margin-bottom: 0%;
			margin-right: 0%;
			}

			#banner {
			margin-left: 32%;
			margin-top: 1.5%;
			margin-bottom: 0.5%;
			margin-right: 0%;
			}

			#content {
			margin-left: 32%;
			margin-top: -11%;
			margin-bottom: 0%;
			margin-right: 0%;
			}

		</style>

</head>

<body>

<img id="banner" src="images/banner.jpg" alt="Banner"/>

<div>
<img id="button_home" src="images/home.jpg" alt="Home"
onmouseover="this.src='images/home-rollover.jpg';"
onmouseout="this.src='images/home.jpg';"/>
</div>

<div>
<img id="button_css" src="images/css.jpg" alt="Home"
onmouseover="this.src='images/css-rollover.jpg';"
onmouseout="this.src='images/css.jpg';"/>
</div>

<img id="content" src="images/content.jpg" alt="Content"/>

</body>

</html>