ヘッダー部分に背景色をつける。
森の工房について 季節のイベント お問い合わせ ブログ、の部分について背景色をつけたいのですがどうもうまくついていません。
ちなみに僕が書いたhtmlを書いておきます。誤りがありましたらご指摘お願いいたします。
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0
Transititional//EN""http://www.w3.org/TR/xhtml1/DTD
xhtml1-transitional.dtd">
<html xmlns="http://www.w3g.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
Content="text/html;charset=utf-8">
<title>森の工房[Forest Studio]-森の工房について</title>
<style type="text/css">
body {color:#444444;
background-color:#66aa66}
div#container {border:solid 2px #bbffaa;
padding:20px;
background-color:#ffffff}
div#header {background-color:#66aa66}
div#header p {color:#222222}
h1 {font-size:1.25em;
font-family:Verdana,Helvetica,sans-serif;
color:#ffffff}
p {font-size:0.75em;
line-height:1.4}
address {font-size:0.75em;
font-style:normal}
li {text-decoration:none}
h2 {font-size:1em;
border-left:solid 16px #66aa66;
padding-left:5px}
h3 {dont-size:0.875em;
border-bottom:solid 2px #66aa66;
padding-bottom:3px}
a {color:#33aa88}
a: {hover:#88aaff}
address a:hover {color:#ffaa00}
ul {list-style-type:none;
margin-left:0;
padding-left:0;
back-ground-color:#bbffaa;
padding:3px 20px}
li {display:inline;
padding-right:10px;
font-size:0.75em}
li a {text-decoration:none}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>Forest Studio</h1>
<p>自然のあれこれをお届けする森の工房です</p>
</div>
<ul>
<li><a href="about.html">森の工房について</a></li>
<li><a href="event.html">季節のイベント</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
<li><a href="http://.xxx.xxx/">ブログ</a></li>
</ul>
<h2>森の工房について</h2>
<p>Forest Studioでは、自然の中にある「森の工房」を
運営しています。森の工房では、四季を通してイベント
を開催したり、さまざまな商品の開発を行っています。
</p>
<h3>森の中にある工房</h3>
