[mffowler]

OK, here's the problem.

I have let this slide for a few months, but it's been getting on my nerves, as unfortunately people still use IE and I can't get a design element to work for one of my stores. It is a random 620 by 398 image that is inside the below script and DIV tags and it shows up beautifully in Firefox, but there is a 1px white line between the image and the bottom border. I've tried everything and can get it to work as a table, but not the script- it seems to only work like this ...

Does anyone see what may be causing this? It works, but not format wise???? Thanks for your assiatnce.

- Mike

<div align="center" style="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=\"MySite.com | MySiteBlahBlah ...\" title=\"Blah blah blah blah blah title here\" border=\"0\"></a>";
var rnumb = "";
var img = "";

rnumb += Math.floor(Math.random()*6);
img = rnumb;
if (img == "0") {
document.write(b1dis+ "product.php?productid=52" +bdis+ "images/splash/splash_001.jpg\"" +edis);
}
if (img == "1") {
document.write(b1dis+ "product.php?productid=53" +bdis+ "images/splash/splash_002.jpg\"" +edis);
}
if (img == "2") {
document.write(b1dis+ "home.php?cat=1" +bdis+ "images/splash/splash_003.jpg\"" +edis);
}
if (img == "3") {
document.write(b1dis+ "product.php?productid=327" +bdis+ "images/splash/splash_004.jpg\"" +edis);
}
if (img == "4") {
document.write(b1dis+ "product.php?productid=335" +bdis+ "images/splash/splash_005.jpg\"" +edis);
}
if (img == "5") {
document.write(b1dis+ "product.php?productid=395" +bdis+ "images/splash/splash_006.jpg\"" +edis);
}
// -->
</script>
{/literal}