Looking through Art and Science of CSS, and trying to follow along with example in the “Navigation” chapter.
Their example appears to have a brown background (box) but mine does not. Here is what I have
html>
<title>DIVISION EXPERIEMENT</title>
<head>
<style type=“text/css”>
html {
font: small/1.4 “Lucida Grande” Tahoma, sans-serif;
}
body {
font size: 92%;
}
#nav {
margin: 0;
padding: 0;
backgound: #6F6146;
list-style-type: none;
width: 180px;
}
#nav li {
margin: 0;
padding: 0;
}
#nav a {
display: block;
color: red;
text-decoration: none;
padding: 0 15px;
line-height: 2.5;
border-bottom: 1px solid #000;
}
#nav #nav_con a [
border: none;
}
#nav a: hover {
background: #4F4532;
}
</style>
</head>
<body>
<ul id=“nav”>
<li id=“nav_hom”><a href=“/”>Home</a></li>
<li id=“nav_map”><a href=“/”>Maps</a></li>
<li id=“nav_jou”><a href=“/”>Journals</a></li>
<li id=“nav_his”><a href=“/”>History</a></li>
<li id=“nav_ref”><a href=“/”>References</a></li>
<li id=“nav_con”><a href=“/”>Contact</a></li>
</ul>
</body>
</html>