}

#previewPane{
border:0px solid #000;
margin-right:15px;
text-align:center;
vertical-align:middle;
padding-top:30px;


/* CSS HACK */
height: 332px; /* IE 5.x */
height/* */:/**/300px; /* Other browsers */
height: /**/300px;

width:400px;
float:left;

}
#waitMessage{
display:none;
position:absolute;
left:200px;
top:150px;
background-color:#FFF;
border:0px double #000;
padding:4px;
color:#555;
font-size:0.9em;
font-family:arial;
}
#galleryContainer{ /* Big Div surrounding up image, list of images and down image */
float:left; /* Floating */

/* CSS HACK */
height: 332px; /* IE 5.x - 120 px 2 px for borders and 2px for padding*/
height/* */:/**/330px; /* Other browsers */
height: /**/330px;

/* CSS HACK */
width: 124px; /* IE 5.x - 120 px 2 px for borders and 2px for padding*/
width/* */:/**/120px; /* Other browsers */
width: /**/120px;

border: 0px solid #000; /* Black border */
padding:1px; /* A little space between the black border and the content inside */

}
#galleryContainer #arrow_down{ /* Arrow down image */
height:35px;
}
#galleryContainer #arrow_up{
height:35px; /* Arrow up image */
}

#theImages{ /* DIV where the images are located */
position:relative;
overflow:hidden;
height:260px; /* Height of boxes for the images */
}
#theImages div{
position:relative; /* Don't change this */
height:1500px; /* Higher than total height of thumbnails */

}
#theImages img{
border:0px; /* No border */
filter:alpha(opacity=50); /* Transparency - IE */
opacity:0.5; /* Transparency - Firefox */
padding-top:1px; /* Space between images */
}
#previewPane #largeImageCaption{ /* CSS styling of image caption below large image */
font-style:italic;
text-align:center;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */
font-size:0.9em;
}
#theImages .imageCaption{
display:none;

}

עכשיו, בתוך התגיות HEAD של החלון הקטן(הדף הפנימי עצמו) תכניס:
<style type="text/css">
Body { Background: transparent; }
</style>

http://www.anatgreenbarg.com/hedosraitem.html