Hey there! I'm having an issue with my product listing where the images are not showing up in Internet Explorer, even though it works fine in all other browsers. Here is the code snippet for the image container:
Image container:
<div class="image-container">
<div class="height"></div>
<img class="prod-image" width="auto" height="auto" src="xyz.jpg">
</div>
The CSS for this section includes a reset:
*{
margin:0px;
padding:0px;
border:0px;
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
float:left;
vertical-align:baseline;
}
.image-container * {
float:none;
display:table;
}
.image-container {
text-align:center;
}
.prod-image {
max-width: 150px;
max-height: 150px;
vertical-align: middle;
float: none;
}
The images of the products are not displaying in IE but work fine in other browsers. Can anyone help me troubleshoot this issue? Here is the link to the online site: Here