LADYX,
А где у вас пределы видимости? И каким же должен быть экран? И куда тогда выпадать?
<style>
.header-item {
padding: 7px 0;
}
.hi {
display: inline-block;
}
.hi:after {
content: '|';
margin: 0 17px 0;
display: inline-block;
color: #ccc;
vertical-align: middle;
}
</style>
<div class="header-item">
<div class="hi"><a href="#">Первый пункт</a></div>
<div class="hi"><a href="#">Второй пункт</a></div>
<div class="hi"><a href="#">Третий пункт</a></div>
<div class="hi"><a href="#">Четвертый пункт</a></div>
<div class="hi"><a href="#">Пятый пункт</a></div>
<div class="hi"><a href="#">Шестой пункт</a></div>
<div class="hi"><a href="#">Седьмой пункт</a></div>
<div class="hi"><a href="#">Восьмой пункт</a></div>
</div>