css help IE7
 

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;
}

Re: css help IE7
 

In your rotate.js file change...

containerheight: '307' ...to... containerheight: '189'

Hope this helps.

Re: css help IE7
 

I can't believe I missed that, thanks!!