X-Cart forums - DIV problem displaying random images in IE/ Mozilla OK

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

Code:

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