Broken link.
That might have been, but it has nothing to do with the problem. The page was invalid and there were numerous typos in the css. Also, there was no height for the header, you cannot see a background image for an element with no height. I fixed things up, sort of, as I cannot know what look you are really going for:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta
http-equiv="content-type"
content="text/html; charset=utf-8">
<meta
name="language"
content="en">
<style type="text/css">
/** Typography & Colors **/
body, html{
background: #000 url() no-repeat center;
}
#container{
background-color: #000000;
border: 2px solid #ffffff;
}
#header{
background: #000000 url('http://cyanideperfection.net/styles/img_header.jpg') no-repeat;
}
#navigation{
}
#main{
background-color: #000000;
border: 2px solid #ffffff;
}
/** End Colors **/
/** Structure **/
#container{
width: 730px;
margin: 0px auto;
}
#header{
width: 100%;
height:300px;
float: none;
}
#navigation{
float: left;
width: 25%;
}
#main{
width: 75%;
float: right;
}
#clear {
clear:both;
}
/** End Structure **/
/** Various Tags **/
p{
color: #ffffff;
margin:1em 0;
}
/** End Tags **/
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="navigation"><a href="gallery/grand canyon/index.html">Gallery</a><br><a href="contact.php">Contact Me</a></div>
<div id="main"><p>Main body div. Here is where update info will be shown.</p></div>
<div id="clear"></div>
</div>
</body>
</html>