css - Why is there more gap under logo on contact page? -

if see 2 images above, see 1 has more gap under logo. both pages have same styles don't understand why there more gap on 1 of them.

the page correct gap under logo @ http://snapnsolve.com/index.html , page more gap http://snapnsolve.com/contactus.html

can point out problem? highly appreciated.

it because id #topsochd has height of 60px in index page, has height of 40px in contactus.html. change 60px in contactus.html also. hence in contactus.html:

#topsochd { height: 60px;/*not 40px*/ background-color: #ffffff; color: #fff; width: 100%; z-index: 99999; 

}

adding float property in top-left -logo interfering problem. remove float property , instead put position:absolute automatically float logo left.

#top-left-logo { position: absolute; }