My image slide show position is perfect in firefox but not IE7. In IE7 it is pushing extra space below the image:
http://www.kharmamarket.com
Can anyone spot the problem:
Here is the placeholder code in customer/mail/welcome.tpl
<table align="center" width="660" cellspacing="0" cellpadding="0">
<tr>
<td><div id="panoramic">
<ul id="rotator">
<li><a href="https://www.kharmamarket.com/mission-australia-m-10.html"><img src="../images/mission-australia.jpg" alt="mission australia"></a></li>
<li><a href="https://www.kharmamarket.com/nirmal-das-india-m-15.html"><img src="../images/nirmal-das.jpg" alt="nirmal das"></a></li>
<li><a href="https://www.kharmamarket.com/vincent-elphick-wales-m-14.html"><img src="../images/vincent-elphick.jpg" alt="vincent elphick"></a></li>
<li><a href="https://www.kharmamarket.com/anita-schep-australia-m-7.html"><img src="../images/anita-schep.jpg" alt="anita schep"></a></li>
</ul></div></td>
</tr>
</table>
And this is the css:
#panoramic
{
position: relative;
width: 660px;
}
#panoramic img
{
text-align: left;
}
ul#rotator *
{
cursor: pointer;
margin: 0;
padding: 0;
}
ul#rotator
{
background: #E8EACC;
cursor: pointer;
float: right;
margin: 0;
padding: 0;
overflow: hidden;
width: 660px;
height: 189px;
z-index: 0;
}
ul#rotator li
{
width: 660px;
height: 189px;
}
ul#rotator img
{
width: 660px;
height: 189px;
}