So I did it now my html looks like:
<!DOCTYPE html>
<html>
<head>
<title>Fantasy Defense Insurance</title>
<link rel=stylesheet type="text/css" href="noname.css">
</head>
<body>
<div id="container">
<div id="header">
<img src="images/logo82.jpg" /></div>
<div id="content">
<p>Fantasy Defense Insurance offers defense against injuries to your most valuable fantasy possessions – your players. From sprained ankles to concussions, and everything in between, Fantasy Defense Insurance is what you need to safeguard your investment and ensure you have the best opportunity to win.</p>
<h2>REASONS TO USE FANTASY DEFENSE INSURANCE:</h2>
<p>Just as you safeguard your family, your house, and your car with protection services, you must do the same for you fantasy squad. As hard as it is to drive a broken car, it is equally difficult to win your fantasy league with injured players. You want to win; we want to ensure you have the best possible chance to win. No other company or service can give you the same level of security you receive with Fantasy Defense Insurance. We insure all of your players. Don’t take chances – protect your investment.</p>
<p>Fantasy Defense Insurance is a service you purchase to protect your fantasy players, and investment, from injury. Once protection is purchased for a player, you and your TOTAL fantasy investment are guaranteed for the season. If your protected player becomes injured and misses the specified number of games, FDI will send you a check to reimburse you for your FULL INVESTMENT!</p>
</div>
</div>
</body>
</html>
My CSS;
* {
margin: 0;
padding: 0;
border: 0;
body {
background: url('images/grass.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#container {
width: 771px;
margin: 0 auto;
border-bottom: #adde63 solid 1px;
}
#header {
background: white;
}
#content {
background: url('images/sports_page.jpg') no-repeat;
padding-top: 170px;
height: 850px;
}
Attached is how my foler looks and it still doesn't open.