asp.net - リンク内の div 内の画像が IE でクリックできない

Question

ASP.NET に次のコードがあります。

問題は、この HyperLink(hpRecord) が、IE 9 でクリックできない 2 つの画像以外の「posts_listDiv」のすべての面で機能することです。

そのコードをテストしたところ、Internet Explorer 以外のすべてのブラウザーで正常に動作しました。

<asp:Repeater ID="RepeaterCategories" runat="server">
       <ItemTemplate>                 
         <asp:HyperLink ID="hpRecord" runat="server" NavigateUrl='link'>               
           <div id="posts_listDiv" class="posts_listDiv">                                                         

             <div id="pict1Div" class="pict1Div">
                 <asp:Image ID="picture" runat="server" Width="100px"  Height="80px" ImageUrl='link'/>
             </div>                                                                                      

              <div id="pict2Div" class="pict2Div">
                 <asp:Image ID="pict2" runat="server"  Width="100px"  Height="80px" ImageUrl='link'/>                                            
               </div> 

               <div id="detailsDiv" class="detailsDiv">  
                   <%--text--%>                     
                   <%# Eval("...")%>                    
                   <br />                                                                                                                
                   <%--by user--%>                   
                   <i style="color:blue"><%# Eval("FirstName") %> </i>
                </div>
             </div>                
          </asp:HyperLink>                
       </ItemTemplate>   
     </asp:Repeater>

これは「posts_listDiv」の CSS です。

.posts_listDiv
{
     background-color:red;
     margin-left:5px;
     float:left;
     width:232px;
     height:171px;
     word-wrap: break-word;
     font-size:14px;
     margin-left:8px;
     margin-top:10px;         
}

Answer 1

「posts_listDiv」親 div にスタイルを追加します。

.parent {
    display: block;
}