Как соединить в стилях?

Question

[Andr]

Ломаю голову, не знаю как соединить их. Может снова накосячила где-то или не дописала?

<div class="header">
			<div id="mainmenu" >
				<ul class="menu_nav">
				<li><a href="#">Главная</a></li>
				<li><a href="#">О союзе</a></li>
				<li><a href="#">Хроника новостей</a></li>
				<li><a href="#">Ссылки</a></li>
				<li><a href="#">Фотогалерея</a></li>
			</ul>
		</div>

.header {
	height: 206px;
	width: 968px;
	background: url(../img/loo.png);
}
.header ul{
	list-style: none;

}
.header ul li{
	position: relative;
    overflow:hidden;
    height:30px;
    margin:20px 0;
   }
#mainmenu ul {
    list-style:none;
    margin:0;
    padding:120px;
    position: relative;
    left:25%;
    float:left;
    font:14px ; Myriad Pro Regular;
    font-color: black;
    height:30px;
    text-shadow:  0px 1px 2px white;
}
#mainmenu ul li {
    position:relative;
    left:-50%;
    float:left;
    margin:0px;
    height:30px
}
#mainmenu ul li a {
    display:block;
    text-decoration:none;
    padding:4px 10px 5px 5px; 
}
#mainmenu ul li a:hover {
    color:#ffffff
}
#mainmenu a {
	background: #fff;
	padding:0px;

	

}

Comments

[Mikhail Osher]

А что соединить надо то?

Answer 1

[Владислав Серов]

Видимо нужно просто дать menu-nav background: #fff

Answer 2

[Илья Алексеев]

#mainmenu > .menu_nav > li > a по идеи . И так везде, сначала родительский элемент затем > затем дочерний элемент