Problema pozitionare logo

Intampin o problema la un nou meniu care lucrez.
Nu inteleg, de ce nu se vede logo-ul... .
Acesta este css pentru header si logo. Faza este ca daca dau valoare mai mare la height: 40px (adica la header) se vede logo-ul.

Cod:

#header { background: url(http://img.plici.ro/images/2015/01/30/home-midfielda3ef4.jpg) 30% 0 repeat; background-size: cover;}
#header .overlay { background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);}
#logo { padding: 36px 0;position:relative;
top:-20px;}
#logo a { background: url(http://s8.postimg.org/mic2qr9f9/7ih.png)  50% 0 no-repeat; display: block; width: 350px; height: 40px; margin: 0 auto;}