Нет фона меню - Вопросы по CSS

.mainmenu {
	width: 940px;
	background-color: #0FF;
}
.mainmenu ul {
	list-style-type: none;
	position: relative;
}

.mainmenu li a {
	color: #4f2d00;
	text-decoration: none;
}
/*.mainmenu li a:hover, li a:active {
	font-weight: bold;
}*/



.mainmenu li {
	display: inline;
	float: left;
	width: 114px;
	position: relative;
	top: 0px;
	height: 36px;
}

     <div class="mainmenu">
         <ul>
           <li><a href="#">Главная</a></li>
           <li>Профилактика заболеваний</li>
         </ul>
      </div>