CSS의 IE8 플로트 문제

Question

나는 이것이 내가 이것을 처음으로하지 않았다고 확신하기 때문에 이전에 다루어 졌을 것이라고 확신하지만, 나는 답을 찾을 수 없다. 나는 a에 대한 그림자 효과를 만들고있다 <div> 반복 된 배경 이미지 사용. 하단 두 모서리에는 작은 9x5 px 이미지를 사용합니다. 나는 그들을 왼쪽과 오른쪽으로 떠 다니고 Firefox와 Safari에서 완벽 해 보인다. IE8 (및 아마도 다른 IES)에서는 약 3px 정도 왼쪽과 오른쪽에 너무 멀리 떨어져 있습니다.

문제를 볼 수 있습니다 여기. 아내를위한 eBay 템플릿입니다.

지금까지 나는 디스플레이를 설정하려고 시도했다 : 인라인은 비슷한 IE6 문제에 대한 수정이다. 또한 운이없는 이미지 마진과 패딩을 0px로 설정하려고 시도했습니다.

어떤 아이디어?

고마워, Carraig

Answer 1

귀하의 페이지를 탐색하는 동안 나는 그것이 Quirks 모드로 불이행되는 것을 발견했습니다. 이것은 가능한 문제입니다. 즉, 엄격하게 강제되면 IE의 모든 경우에 부유 문제를 해결하는 것처럼 보입니다.

PPK의 기사를 여기에서 읽으십시오.http://www.quirksmode.org/css/quirksmode.html

그는 왜 그런 일이 일어나고 그것을 고치는 방법을 설명합니다 :)

도움이되기를 바랍니다!

Answer 2

나는 그것이 Div의 경계 밖으로 나가는 플로트 요소와 관련이 있다고 생각합니다. 부모 div를 닫기 전에 이것을 삽입하십시오.

<div style="clear: both; font-size: 1px; line-height: 0px;"> &nbsp;</div>