개인적으로는 

common쪽에서 <img {border:0; max-width:100%;height:auto} 가 지워지는게 옳다고 보지만

사실 이 부분을 지워줄지 안지울지는 모르는 상황에서 자구책을 알려 드립니다.

문제는 ie8에서 이미지를 감싸는 테그중에 display:inline-block이나 이와같은 속성값을 가지고 있는 float:left를 사용하면 이미지가 사라집니다.(inline-block가 오면 공간확보를 못하는 버그 같습니다.)

해결책은 간단합니다.

위 두 속성을 레이아웃에서 사용하지 않든지(이게 이미지를 바로 감싸고 있는 테그의 inline-block에 영향을 받는게 아니라 무한히 올라가서 display:inline-block을 가지고 있다면 영향을 주더군요.- 이게 가장 골치아픈 부분이 아닌가 싶습니다.)

아니면 상위 테그의 inline-block과 img 사이의 테그에 넓이를 확보해 두십시오.

이미지 바로 감싸는 tag에 style로 width를 입력해 둔다든지 아니면 css에서 width처리해도 되는거 같습니다.

단 이미지에 속해있는 width값은 해결책이 안됩니다.