그 이름은 ie6/7 버그입니까?

Question

ie6 또는 7 (또는 호환성보기에서 ie8)에서만 발생하는 레이아웃 문제가 있습니다. 문제의 레이아웃은 여기에 있습니다 :

https://dustinhendricks.com/breastfest/public_html/

그것은 작업에 적합 그래서 그것은 유방암을 지원하는 비영리를위한 사이트입니다.

내가 겪고있는 문제는 기부하기 버튼 옆의 작은 리본 이미지입니다. 두 배의 여백이있는 것 같습니다. 이 요소는 float되지 않으며, 이는 이와 같은 버그의 일반적인 원인입니다. display: inline을 적용하려고 시도했지만 효과가 없습니다. 모든 아이디어, 즉 6/7 버그가 원인 일 수 있으며 수정 방법은 무엇입니까?

요소의 CSS는 다음과 같습니다

#main #upper #info .ribbon { 
    margin-left: 1px; 
    margin-top: 33px; 
} 

그리고 부모 요소 : 내 (나는 더 이상 IE6을 테스트 할 수있는 쉬운 방법이 없습니다) IE7 실험에서

#main #upper #info { 
    width: 279px; 
    position: absolute; 
    right: 25px; 
    top: 20px; 
}