IE7, 세 번째 요소 및 다음 요소 잘못 렌더링 됨

Question

UL> LI> INPUT에서 입력 유형을 렌더링해야한다는 요구 사항이 있습니다. 따라서 다음과 같은 HTML 및 CSS :

http://jsfiddle.net/d45BY/1/

<ul class="listCell"> 
<li class="listCell bulletPoint"> 
<input id="cmd1" class="" type="Submit" value="Cmd1Text" name="cmd1"> 
</li> 
<li class="listCell bulletPoint"> 
<input id="cmd2" class="" type="Submit" value="Cmd2Text" name="cmd2"> 
</li> 
<li class="listCell bulletPoint"> 
<input id="cmd3" class="" type="Submit" value="Cmd3Text" name="cmd3"> 
</li> 
<li class="listCell bulletPoint"> 
<input id="cmd4" class="" type="Submit" value="Cmd4Text" name="cmd4"> 
</li> 
</ul> 

.bulletPoint { 
    list-style: disc outside none; 
} 

이 호환성 모드에서 IE 7을 제외한 대부분의 브라우저에서 잘 렌더링합니다. IE8.0.7601.17514를 실행 중입니다. 브라우저 모드 IE7 및 문서 모드 IE7 표준을 선택하면 다음과 같은 결과가 발생합니다.

항목 1과 2가 잘 렌더링됩니다. 3이 왼쪽으로 가고 4가 오른쪽으로 나아갑니다. 아무도이 문제를 보지 못하거나 그것을 복제 할 수 있는지 궁금합니다.

Answer 1

문제는 링크처럼 보이게 렌더링 된 입력 유형이 있다는 것입니다. 웬일인지 그것은 항상 모든 다른 장소에서 제 3의 항목과 다음 항목을 렌더링했다. 내가 한 수정 프로그램은. 문제 해결. (가) "다음

text-align: left 

무슨이 한 일은 왼쪽 버튼 내부의 텍스트를 유지한다는 것이다했다이 사람.

희망이 도움