IE에서 페이지 스크롤이있는 끈적한 바닥 글

Question

크롬, IE (11) 및 FF와 비슷한 반응 형 웹 사이트를 만들려고합니다.

내 문제는 IE에서, 사이트가 너무 길면 스크롤바가 끈끈한 페이지 바닥 글 ('페이지 바닥 글') 때문에 끝까지 스크롤하지 않는다는 것입니다. 내 페이지 영역에 여백이나 안쪽 여백을 주려고했지만 아무 것도 바뀌지 않았습니다.

또 다른 문제는 내 사이드 ​​바 배경이 끝까지 채워지지 않는다는 것입니다.

CSS 추출물 :

.page-sidebar { 
    padding: 10px; 
    border-top: 2px solid #000; 
    background-color: #00BB9C; 
    width: 100%; 
    padding-bottom: 58px; 
} 
.page-sidebar h3 { 
    color: black; 
} 
.page-sidebar h3:first-child { 
    margin-top: 0; 
} 

.page { 
    display: -webkit-flex; 
    display: -ms-flex; 
    display: flex; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    min-height: 100%; 
    max-width: 900px; 
    margin-left: auto; 
    margin-right: auto; 
} 
.page-main-area { 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1; 

} 

.page-footer { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    max-width: 900px; 
    margin: 0 auto; 
    padding: 8px; 
    background-color: #000; 
    color: #fff; 
    max-height: 50px; 
} 

HTML + CSS :

http://jsfiddle.net/mvz8rq1o/2/

내가 IE에서이 문제를 해결하기 위해 무엇을 할 수 있는가?

Answer 1

margin-bottom:page-sidebar에 전체 사이드 바가 표시되어야합니다. (그러나 채우기 - 바닥을 수정하지 않습니다 ...)