li 내에 div 아무리 해도 일렬로 안맞춰질때...

코딩은 이렇다

<li><div id="noticeTitle01"><img src="images/view-point.gif" width="3" height="3" /></div>&nbsp;<div id="noticeTitle02">...

#noticeTitle01, #noticeTitle02, #noticeTitle03 {
    float: left;
}

이렇게 하면 아무리 해도 일렬로 나오지 않는다.
파폭, 크롬, 익스8은 상관없다.
익스6, 익스8 호환모드 에서는 이렇게 나온다.

삽질한 결과 문제는  &nbsp; 였다.

익스8 개발자모드에서 확인 할 수 있었다.
아래 보이는 '빈 텍스트 노드' 바로 이게 문제였다.
거의 파폭의 파이어버그를 주로 사용하는데 익스가 도움이 되는 경우도 생기네.

&nbsp; 를 빼고 해보자.

이제 잘 나온다.
오전을 그냥 보내게 한 이런 사소한 문제들이 -.ㅡㅋ
크로스 브라우져 어렵다. ㅠ.ㅠ