내 div가 정렬되지 않습니다 -

Question

크롬 스타일로 작동하지만 Firefox에서는 사용할 수 없으며 그 반대도 마찬가지입니다. 현재 Firefox의 스타일이 http://www.mhinteriors.com.au/new/으로 설정되어 있습니다. 레이아웃이 파이어 폭스에서와 같은 방식으로 보이길 원합니다. 하지만 Chrome과 IE에서 작동해야합니다. IE는 배경 이미지 100 %를 좋아하지 않는 것 같습니까?

.header { 
background-image:url(../images/banner-2.jpg); 
background-size:100% auto; 
box-shadow:0 0 10px #000; 
left:0; 
position:fixed; 
top:0; 
width:100%; 
z-index:800; 
padding:8px; 
} 

#wrapper { 
max-width:960px; 
margin:0 auto; 
} 

/*BRAND DETAILS*/ 
.logo { 
float:left; 
margin-left:30px; 
padding-top:10px; 
width:8%; 
} 

.brand-title { 
float:left; 
padding-left:5px; 
padding-top:5px; 
width:50%; 
} 

.brand-subtitle { 
float:left; 
padding-left:5px; 
padding-top:25px; 
width:60%; 
} 


/*SOCIAL BUTTONS*/ 
.socials { 
float:right; 
height:80px; 
position:relative; 
right:0; 
top:100px; 
width:35%; 
z-index:900; 
} 

.facebook { 
float:left; 
width:60px; 
margin:0px 0px 0px 20px; 
} 

.pinterest,.blogger,.instagram { 
float:left; 
width:60px; 
margin:0px 0px 0px 50px; 
} 


/*NAVIGATION*/ 
.nav-container { 
float:right; 
position:fixed; 
right:40px; 
top:145px; 
width:60%; 
z-index:800; 
} 

Answer 1

대신 float : left; 시도 :

display:inline-block; 
vertical-align: middle;