Witam.
float: left dla #logo - nie potrzebne,niema nic obok i jest na całą szerokość więc po co ?
opacity : jest dziedziczone przez całą rodzinkę :) i nie da się ustawić osobno dla poszczególnych potomków.
<div style="clear:both"></div> nie potrzebny bo pozycjonujesz za pomocą inline-block.
Twoje logoL i logoR nie są obok siebie
Dobrym sposobem jest użyć do podglądu narzędzi w przeglądarce albo chociaż posłużyć się
*{
border: 1px solid red;
box-sizing: border-box;
}
Co do ustawienia w linii to trzeba najpierw uporządkować kod :)