1.
То есть пишется раздельно
2. Кто вам мешает вставить логотип между li со своим css?
Ну на крайняк сделать 3 дива. сложится при адаптиве спокойно если в 3 столбца.
Правда нормальные люди li просто в ul оборачивают и между ними пихают лого, но кто сказал что я нормальный?!
<div id='nav'>
<ul class='navigation'>
<li class='navigation-4len1'><a href='#'>Твое меню1</a></li>
</ul>
<img src="Тво картинка.jpg" id="logo" />
<ul class="navigation">
<li class='navigation-4len2'><a href='#'>Твое меню2</a></li>
</ul>
</div>