cssで背景色を設定したのですが一部にしか色がつきません

ヘッダー・メインのコンテンツ・フッターを含む予定の<div id="wrapper">に対してbackgroundcolorを設定したのですが、どういう訳かヘッダーのtitle部分までしか色がつきません。
色がつかないということは、CSSで設定した他の項目も(widthなど)不完全になってしまっているのでしょうか？
コードにおかしい部分があるのでしょうか？
ちなみに現在、Vista・IE9を使っているのですが、これは影響ありますか？

補足：bodyの直後にも「あ」といれてみましたが、色は着きませんでした。

以下HTML
<body>

	<div id="wrapper">
<p>あ</p>

		<header>
<p>あ</p>
			<div　id="title" class="cf">
				<div class="float"><h1>タイトル</h1></div>
<p>あ</p>
			</div>
<p>あ</p>

			<nav>
				<ul class="cf">
					<li class="float">ナビ</li>
					<li class="float">ナビ</li>
					<li class="float">ナビ</li>
					<li class="float">ナビ</li>
				</ul>
			</nav>
		</header>
	</div>

</body>


以下CSS
body {
	margin: 0;
	padding: 0;
	}

#wrapper {
	width: 100%;
	min-width: 800px;
	background: #ffdddd;
	margin: 0　auto;
	padding: 0;
	}

p {
	font-size: 30px;
	}

nav {
	font-size: 30px;
	}