overflow:hidden makes data disappear in IE - asp.net

Question

I'm having a problem with IE. The page works fine in all browsers like shown below.
but in IE the data doesn't show up even though its there.
The problem is caused by the overflow:hidden attribute I use on the item template of the ListView. When I change it to any other value the data shows up in IE but of course the layout gets messed up in all browsers.
Here is the source code and the CSS http://jsfiddle.net/V5aCa/8/
And here is my code:
<asp:ListView ID="BookListView" runat="server" DataSourceID="SqlDataSource1"
onselectedindexchanged="BookListView_SelectedIndexChanged">
<LayoutTemplate>
<table runat="server" cellpadding="1" id="tblBooks" style="">
<tr runat="server">
<td runat="server">
<table ID="itemPlaceholderContainer" runat="server" border="0" style="">
<tr ID="itemPlaceholder" runat="server">
</tr>
</table>
</td>
</tr>
</table>
</LayoutTemplate>
<ItemTemplate>
<div style="overflow:hidden">
<div class="itemTemplateleftColumn">
<asp:Image ID="Image1" runat="server" ImageUrl='<%# String.Format("~\\Static\\Images\\BookCovers\\{0}", Eval("CoverImageSmall")) %>' Height="120px" Width="90px" BorderColor="Gray" BorderWidth="1px"/>
</div>
<div class="itemTemplaterightColumn">
<div class="titleRow">
<asp:Label runat="server" ID="BookTitleLabel" Text='<%# Eval("Title") %>' />
</div>
<div class="nameRow">
<asp:Label runat="server" ID="FirstNameLabel" Text='<%# Eval("FirstName") %>' />
<asp:Label runat="server" ID="LastNameLabel" Text='<%# Eval("LastName") %>' />
</div>
<div class="values">
<div>
value1
</div>
<div>
value2
</div>
</div>
<div class="values">
<div>
value3
</div>
<div>
<asp:Label runat="server" ID="PriceLabel" Text='<%# Eval("Price") %>' />&#8364
</div>
</div>
</div>
</div>
</ItemTemplate>
</asp:ListView>
</asp:Content>
I would appreciate any help on solving this issue. Thanks in advance.

Answer 1

Apply minimum Height and Width for that div in Gridview and then apply overflow
min-height: 110px;min-width: 150px;
Try this hope it will help!

Answer 2

[Updated] First, apply a css class or id to avoid inline styling.
Then, try to write overflow:hidden !important to prevent IE from applying that rule, this should do the trick!
.your-div-class{
overflow:visible; /* This is default value, but reset it anyway */
overflow:hidden !important;
}