I just dont think thats the way to do it, if not that i just don’t like the way i did it. For example if you remove **position:relative**(I dont even know what it means here ..) from **#header h1** logo disappears and goes behind the nav .. Also if you remove margin-top:-100px from **.navigacija** you will see “behind the scenes”.
So can you gives give me a solution to do it better or if you can do it in codepen or something.
I wish you were right but for example if I click on logo in Firefox i get to see this outline[ PIC](http://i.imgur.com/BHpchGi.jpg “PIC”) (orange dotted )and to me that suggest something isn’t right. (this is caused by text indent probably ) but still ..