I have strange problems developing a site.
Any browser on my computer adds a spacing above some elements at the page (e.g. above the navbar, the dropdown in navbar, the container etc). In the Chrome Developer Tool it displays like having a strange text element (quotes with spacing):

but in source code it displays without it:

If I delete that quotes from the Tool, the spacing disappears.
That quotes (spacing) can’t be added by Javascript or PHP: it exists ever it we comment all script includes and disable php preprocessing for .html files (example).
This spacing can’t be added by CSS: e.g. for navbar we have rule:
.navbar {
margin-top: 0;
}
The spacing exists in all browsers at my computer (tested in Firefox, Chrome, IE 9).
Moreover, Firefox Dev Tool doesn’t display any quotes:

but adds spacing in code in that places where are quotes in Chrome Dev Tool.
So, what’s it? How to remove this spacing (I don’t want to use ugly solutions like negative margin)?
Please comment do you have this problem on your machine? Thanks.
It seems to me, that the spaces are ‘special spaces’ like
is one. They may look like a normal space character, even in a text editorLook at the code, which generates the HTML structure.
Then delete the spaces in request. Put back the formating spaces by using the space bar key.
edit
looking closer in my text editor i realised, you have a special diacritical character in your code.
When you look a my screen from Notepad++ editor, there are small ‘hooks’ at the less than character (
<) of the<nav>and the<li>tag which I marked red.Don’t just delete the spaces, delete the less than character (
<) too and retype it using the keyboard.