Почему не работает выпадающее меню?

Question

[gogadesign]

Не могу найти ошибку, поэтому выпадающее меню не работает. Помогите ее найти

<div class="menu">
			<div class="wrapper">
				<ul class="topmenu">
					<li><a href="">услуги и цены</a>
						<ul class="submenu">
							<li><a href=""><div class="icon1"></div><p>выезд<br>на замер</p></a></li>
							<li><a href=""><div class="icon2"></div><p>установка печи<br>в бани и сауне</p></a></li>
							<li><a href=""><div class="icon3"></div><p>установка печи<br>в доме</p></a></li>
							<li><a href=""><div class="icon4"></div><p>установка<br>камина</p></a></li>
							<li><a href=""><div class="icon5"></div><p>установка<br>барбекю</p></a></li>
							<li><a href=""><div class="icon6"></div><p>монтаж<br>дымохода</p></a></li>
							<li><a href=""><div class="icon7"></div><p>доставка<br>материалов</p></a></li>
						</ul>
					</li>	
					<li><a href="">о нас</a></li>
					<li><a href="">наши работы</a></li>
					<li><a href="">блог</a></li>
					<li><a href="">контакты</a></li>
				</ul>
			</div>
		</div>

.menu{
	position: relative;
	width: 100%;
	height: 60px;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.topmenu{
	text-align: center;
}
.topmenu li{
	font-size: 21px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 20px;
	list-style-type: none;
	
}
.submenu{
	position: absolute;
	top: 65px;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background:  #f2f2f2;
	z-index: 1000;
}
.topmenu li:hover.submenu{
	display: block;
}

Answer 1

[Pavel Karinin]

Попробуй так:

.topmenu li:hover .submenu{
  display: block;
}

вы пропустили пробел

Comments

[gogadesign]

Какая глупая ошибка(
Спасибо, Вам большое!

[Pavel Karinin]

gogadesign, не за что, у все такое случается)