Czemu po użyciu w #logo środkowania i gdzie przy tym był height: 100%, tak dziwnie mi wyświetla? Tak samo jest jak to środkowanie jest i np. dam H1... Ogólnie nie wiem czemu, ale 100% DIV przy 100px to nie jest dla niego 100px... Co powoduje ten display, że tak robi? Po wyłączeniu display, wraca wszystko no normy i do takiego wyglądu jaki powinien być, oprócz tego srodkowania, ogólnie sprawa dziwna, jak użyje elementu blokowego to po prostu daje mi linie nad i po jak zwykle..., ale nie wiem czemu jak daje %, to źle jakość wysokość widzi wtedy... :)

HTML:

<body>
	
    <div id="gora">
    
    	<header>
        
        	<div id="logonav">
            
            	<div id="logo">
                
                <p>JEWELERY</p>
                
                </div>
                
                <nav>
                
                </nav>
                
                <div id="social">
                
                </div>
            
            </div>
            
            <div id="opis">
            
            </div>
        
        </header>
    
    </div>
    
</body>

CSS:

body {
	margin: 0;
	padding: 0;
}

div, header {
}
	
/* GÓRA */

#gora {
max-width: 1920px;
height: 800px;
	outline: 2px solid green;
}

header {
	width: 930px;
	height: 800px;
	margin: 0 auto;
	outline: 2px solid orange;
}

#logonav {
	width: 100%;
	height: 100px;
	outline: 2px solid red;
}

#logo {
	width: 20%;
	height: 100%;
	display:table-cell;
    vertical-align:middle;
	
	outline: 2px solid orange;
}

/*p {
	display: table-cell;
	vertical-align: middle;
}*/

#opis {
	outline: 2px solid black;
	width: 60%;
	height: 200px;
}