title: <div> element inside <ul> element, hierarchy is changed in IE, ASP.NET Repeater control
body: <p>I have the following Repeater control to display a list of elements. </p>
  
  <pre><code> &lt;td id="tdLeftBlock"&gt;
              &lt;ul id="leftList"&gt; 
                &lt;asp:Repeater ID="rptLatestListingsLeft" runat="server"               
                       OnItemDataBound="rptLatestListingsLeft_OnItemDataBound"&gt;
                  &lt;ItemTemplate&gt;
                   &lt;div id="divMapPinLeft" runat="server"&gt;
                     &lt;asp:Label runat="server" ID="lblMapPinIndexLeft"&gt;&lt;/asp:Label&gt;
                   &lt;/div&gt;
                   &lt;li id='&lt;%# String.Format("liBusiness{0}", Eval("BusinessID")) %&gt;' 
                                                       style="padding-bottom: 30px"&gt;
                        &lt;asp:HyperLink ID="lnkBusiness" runat="server"&gt;
                                          &lt;%# Eval("BusinessName")%&gt;
                                      &lt;/asp:HyperLink&gt;
                      &lt;div class="divAddressLeft"&gt;&lt;%# Eval("City")%&gt;, &lt;%# 
                                                     Eval("ProvinceCode")%&gt;&lt;/div&gt;
                      &lt;div id="divStatusLeft"&gt;&lt;%# GetStatus(Eval("BusinessID"))%&gt; | 
                    &lt;span class="statusTag"&gt;&lt;%# GetDay(Eval("UpdateDate"))%&gt;&lt;/span&gt;&lt;/div&gt;
                   &lt;/li&gt;
                  &lt;/ItemTemplate&gt;
                &lt;/asp:Repeater&gt;                    
              &lt;/ul&gt; 
           &lt;/td&gt;
  </code></pre>
  
  <p>Firefox and other non IE browsers understand that the div #divMapPinLeft must be rendered at the same level as its li sibling. IE, on the other hand, doesn't recognize this hierarchy and puts the div under the li  in each Repeater item. Solutions are appreciated. Thank you.</p>