Фоновое изображение в блоке div

Здравствуйте. Есть блок со списком, формой и кнопкой.

Summary
<div class="nav">
		<div class="menu">
		<ul>
		<li id="q"><a><img src="images/index_09.gif" alt="about us"></a></li>
		<li><a><img src="images/index_10.gif" alt="services"></a></li>
		<li><a><img src="images/index_11.gif" alt="support"></a></li>
		<li><a><img src="images/index_12.gif" alt="partners"></a></li>
		<li><a><img src="images/index_13.gif" alt="products"></a></li>
		<li><a><img src="images/index_14.gif" alt="search"></a></li>
		</ul>
		</div>
		<div class="search">
			<form type="get" action="form.php">
			<input type="search" name="textfield" class="pole">
			</form>
		</div>	
		<div class="submit_p">
		 <a href="#"><img src="images/index_17.gif" alt=""></a>
		 </div>
	
	</div>

Позиционирую их в ряд с помощью флоат и хочу вставить фоновое изображение во весь блок nav, но оно не растягивается на весь блок.

Summary

.nav {
background-image: url(images/index_15.gif);
}
ul {
list-style-type: none;
padding-left: 0;
}
li {
display: inline;
margin-left: -5px;
}
.menu, .search, .submit_p {
float: left;
}

Вопрос почему и как это исправить?

Типичная проблема с флоатами. Почитай в этой статье.