Hi falkencreative,
I am hitting a wall in a few areas:
1) The white space between the navigation bar and the banner image
2) The banner_image is not inline with the ga_logo image
3) The background image is covering the background image, there is no visible border
Thank you for the help, here is the: (following post is the css sheet)
Index Page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Genesis Anatomy</title>
<META NAME="description" content="The Visual Anatomy Course">
<META NAME="keywords" content="anatomy, skeleton, muscles, bones, drawing">
<meta http-equiv="content-Type" content="text/html; charset=is-8859-1">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<a href="http://genesisanatomy.com"'>http://genesisanatomy.com" title="The Visual Anatomy Course"
id="ga_logo"></a>
<a href="http://genesisanatomy.com" title="The Visual Anatomy Course"
id="banner_image"></a>
<div id="nav">
<ul>
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="pages/skeleton.html">SKELETON</a></li>
<li><a href="pages/muscles.html">MUSCLES</a></li>
<li><a href="pages/joints.html">JOINTS</a></li>
<li><a href="pages/veins.html">VEINS</a></li>
<li><a href="pages/purchase.html">PURCHASE</a></li>
<li><a href="pages/contact.html">CONTACT</a></li>
</ul>
<div id="nav_sub">
<ul>
<li class="active"><a href="pages/skeleton.html">Osteology</a></li>
<li><a href="pages/muscles.html">Myology</a></li>
<li><a href="pages/joints.html">Syndesmology</a></li>
<li><a href="pages/veins.html">Superficial Extremity Veins</a></li>
<li><a href="pages/tools.html">Tools</a></li>
</ul>
</div>
</div>
<!-- MAIN DOCUMENT STARTS HERE --> <!-- MAIN DOCUMENT STARTS HERE -->
<div id="centerDoc">
<h3>The Visual Course</h3>
<p>...</p>
<div class="footer">
© 2010 Genesis Anatomy.com – All Rights Reserved
</div>
</div>
</body>
</html>