이미지 및 텍스트 문제가있는 IE7 li - 텍스트. 거의 작동

Question

나는 순서가없는 목록을 사용하고 있습니다.

이미지가 왼쪽에 있고 텍스트가 오른쪽에 있습니다.

나는 IE7이 너무 나쁘게 표시되어서 오늘은 받아 들일 수 없다는 것을 알았습니다. 더 빨리 깨닫지 못해서.

나는 주어진 이미지와 별도의 div로 감싼 텍스트를 가지고있다.

<ul> 
<li><a href="domain"><img src="http://www.domain.com/img.jpg" alt="img class="footer-thumb" width="40px" height="40px" /></a> 
    <div class="recent-post-content"> 
    <p>day date time</p> 
    <p><a title="Content title" href="http://www.domain.com/contentitle &raquo;</a></p> 
    </div></li></ul> 

무엇 지금까지 happeninig 것은 그 이미지가 정확히 어디에 IE7을 제외하고 모든 브라우저에서 완벽 것입니다 (그들은해야하지만 클래스 "최근 포스트-내용은"정확히 하나 개의 이미지를 모두 밀려 하나입니다 [li] height)를 초과하면 마지막 이미지에 텍스트가없고 첫 번째 이미지 ([li]) 위에 "recent-post-content"가 있습니다.

나는 단순한 것 같지만, 내 자신에게이 문제가 생긴 후에 나는 마지막 조금을 고치려고 몇 가지 조언을 얻는 것이 가장 좋다고 생각했다.

아이디어가 있으십니까?

감사

Answer 1

수정

<img src="http://www.domain.com/img.jpg" alt="img class="footer-thumb" width="40px" height="40px" /> 

<img src="http://www.domain.com/img.jpg" alt="img" class="footer-thumb" width="40px" height="40px" /> 

및 해결

<a title="Content title" href="http://www.domain.com/contentitle &raquo;</a> 

에

<a title="Content title" href="http://www.domain.com/contentitle">&raquo;</a> 

및 IE가 작동합니다.