[mffowler]

I have a changing image in the welcome.tpl that is wrapped in a <DIV> tag with inline CSS. In IE, there is a 1px white space at the bottom of my image.

<div align="center" style="background-color:#FFFFFF; height:398px; padding:none; border-width:1px; border-style:solid; border-color:#E1E7E8">
{literal}
<script language="javascript">
<!--
var b1dis = "<a href=\"";
var bdis = "\"><img src=\"";
var edis = " width=\"620\" height=\"398\" alt=\"Image ALT Tag Here\" title=\"Image Title Here\" border=\"0\"></a>";
var rnumb = "";
var img = "";

rnumb += Math.floor(Math.random()*2);
img = rnumb;
if (img == "0") {
document.write(b1dis+ "product_url/product.php?productid=52" +bdis+ "http://image_url/image1.jpg\"" +edis);
}
if (img == "1") {
document.write(b1dis+ "product_url/product.php?productid=53" +bdis+ "http://image_url/image2.jpg\"" +edis);
}
// -->
</script>
{/literal}
</div>

Does anyone know how to fix that inline CSS, so it doesn't have the space at the bottom in IE?

Thanks!

Mike