title: IE7, third and the following element rendered incorrectly
body: <p>I've got a requirement to render input type submit in UL > LI > INPUT. Hence the following HTML and CSS:</p>
  
  <p><a href="http://jsfiddle.net/d45BY/1/" rel="nofollow">http://jsfiddle.net/d45BY/1/</a></p>
  
  <pre><code>&lt;ul class="listCell"&gt;
  &lt;li class="listCell bulletPoint"&gt;
  &lt;input id="cmd1" class="" type="Submit" value="Cmd1Text" name="cmd1"&gt;
  &lt;/li&gt;
  &lt;li class="listCell bulletPoint"&gt;
  &lt;input id="cmd2" class="" type="Submit" value="Cmd2Text" name="cmd2"&gt;
  &lt;/li&gt;
  &lt;li class="listCell bulletPoint"&gt;
  &lt;input id="cmd3" class="" type="Submit" value="Cmd3Text" name="cmd3"&gt;
  &lt;/li&gt;
  &lt;li class="listCell bulletPoint"&gt;
  &lt;input id="cmd4" class="" type="Submit" value="Cmd4Text" name="cmd4"&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  
  .bulletPoint {
      list-style: disc outside none;
  }
  </code></pre>
  
  <p>This renders fine on most browsers except IE 7 in compatibility mode. Im running IE8.0.7601.17514. 
  When I select Browser mode IE7 and Document mode IE7 standards the following happens:</p>
  
  <p>Items 1 and 2 render fine. 3 goes to the left and then 4 goes even further to the right. Just wondering if anyone has seen this issue or can replicate it. </p>