Принудительный тег имеет ту же высоту, что и родительский ⇐ CSS

[Anonymous]

Я разрабатываю верхнюю панель для веб-сайта и не могу понять, как заставить элементы ниже иметь ту же высоту, что и родительские элементы [*]. В приведенном ниже коде показаны элементы с зеленым фоном и элементы с желтым фоном. Я хотел бы, чтобы желтые поля занимали всю высоту зеленых блоков. Установка высоты элементов на 100 % не поможет. Чего мне не хватает?




div#topbar {
width: 100%;
height: 30px;
top: 0;
border: 1px solid black;
}
#topbar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 30px;
}
#topbar ul li {
margin: 0;
padding: 0 10px;
background-color: green;
display: inline;
float: left;
}
#topbar a {
background-color: yellow;
}

• Item 1
• Item 2

Подробнее здесь: https://stackoverflow.com/questions/935 ... -parent-li