I can not seem to get this to work.

Here is the CSS:

div#hold {
position: relative; overflow: hidden;
width:102px; height:225px; z-index:100;
}
div#wn {
position: absolute;
left:0px; top:0px;
width:102px; height:225px;
clip:rect(0px, 102px, 225px, 0px);
overflow:hidden;
z-index:1;
}

div#lyr1 {
position:absolute;
left:0px; top:0px;
z-index:1;
}

#thumbs-scroller div { height:75px; }


This is the HTML:

<div id="photo-switcher"><script src="/lib/javascripts/scroller.js" language="javascript" type="text/javascript"></script><div><a href="javascript:;" onclick="dw_scrollObj.scrollBy('wn',0,75); return false" title="Click to scroll"><img src="/images/up.gif" alt="down" width="80" height="20"></a><div id="hold">
<div id="wn">
<div id="lyr1" class="content">
<div id="thumbs-scroller">
<div><a href="javascript:switchid('stem-1');"><img src="/2007/0713/csmimg/LKAYAK_P1.jpg" alt="(Photograph)" title="" style="width: 100px; border: 1px solid #333;"></a></div>

<div><a href="javascript:switchid('stem-2');"><img src="/2007/0713/csmimg/LKAYAK_P5.jpg" alt="(Photograph)" title="" style="width: 100px; border: 1px solid #333;"></a></div>
</div>
</div>
</div>
</div><a href="javascript:;" onclick="dw_scrollObj.scrollBy('wn',0,-75); return false" title="Click to scroll"><img src="/images/down.gif" alt="down" width="80" height="20"></a></div>
</div>
</div>



In IE, the problem is that when one clicks on one of the images, the positioned divs and everything in them disappears. Removing the positioning in the CSS resolves the problem, but the positioning is necessary for the layout as this area is meant to be "scrollable" using js.

Any ideas? I can't find any good documentation about a bug of this nature.

Not exactly sure where the problem is, but have you tried making them block level elements?

display:block;

For those of you who read this, I was able to solve the problem, more or less. For some reason, having any kind of tag around the above code triggers an IE display bug. Not just something like a floated div, but any tag. I was able to replicate my interface without any surrounding tag and therefore avoid the problem, but I still have no idea why it's happening. It doesn't match any of the known CSS IE6 bugs, and also happens only in certain production environments.