Why is this simple html and css code not showing anything?

Jus*_*zer 0 html css

html:

<html>
<head>
<title>Home</title>
<link rel="stylesheet" type="text/css" href="qa.css" />
</head>
<body>
<div id="wrap"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

css:

body {
margin:0;
padding:0;
}

#wrap {
width:750px;
margin-right:auto;
margin-left:auto;
background:#008B00;
}
Run Code Online (Sandbox Code Playgroud)

The html file is called qa.html, and the css file is called qa.css The two files are in the same directory.

min*_*gos 6

Um... How's the HTML supposed to show anything if there's no content?

[EDIT] To make it more specific and not sound like I'm complaining: put some content in the wrapper div, otherwise it's empty and thus with 0 height.

[EDIT 2]: According to the expected output you describe in the comment, you want the div to take up 100% height of the document. You need to specify this explicitly, ie body and #wrap need to have height:100%. Or even better, min-height.