IE6 problem - works fine in FF but not in IE

[ekat]

Hi guys,

please help me, it's deriving me mad

http://preview.woh.co.uk/airflow/sho...r-chamber.html

when I click the link under the image to view the next image in IE6 it's blank but there is an image, you can see it in FF.

That's the code:

<div id="right-main-part">
<div id="frame">
<?
// get the pics from the DB.

$main_pic = $prod->getMainImage();


?>
<div id="layer1"><img id="swapImage" name="swapImage" src="<?=IMG_DIR.$main_pic['full_size']?>" alt="Product image"/></div>
<div id="layer2"><img src="<?=IMG_DIR?>template/frame.gif" /></div>
</div>
<div id="img-links">
<a href="javascript:void(0)" onclick="openImg('<?=$main_pic['img_id']?>')" id="swapLink"> <img src="images/template/enlarge.jpg" hspace="8" align="right" id="largeImage" name="largeImage" border="0"/></a>

<?

// get the pics from the DB.
$pics = $prod->getImages();

if (count($pics) > 0)
{
$count=1;
if ($main_pic)
{
?>
<a href="javascript:void(0)" onclick="changeImg('<?=IMG_DIR.$main_pic['full_size']?>','<?=$main_pic['img_id']?>')"><?=$count?></a><span class="grey"> | </span>
<?
$count++;
}
foreach($pics as $pic)
{


if($pic['img_id']!='' )
{
if ( $count > 2)
{
?>
<span class="grey"> | </span>
<?
}
?>
<a href="javascript:void(0)" onclick="changeImg('<?=IMG_DIR.$pic['full_size']?>','<?=$pic['img_id']?>')"><?=$count?></a>

<?
$count++;
}
}
}

?>
</div>


And the CSS for the layers:

#layer1 {position:absolute; width:216px; height:155px; z-index:0;}
#layer2 {position:absolute; width:219px; height:155px; z-index:1; }


Please help

[killerchutney]

I don't have any idea why this doesn't work but then - IE comes up with loads of stupid errors. I think you should put a link that only appears in IE6 (as it works fine in IE7) to a page with all the pictures on.