Image Thumbnail Viewer

[draculusa]

Script: Image Thumbnail Viewer
URL: http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

Problem:
I managed to install this without a lot of problems, I customized colors and border about two weeks ago. Today I decided to finish it but am having a little problem.
The 'Close' word appears to the left, and the rest of the bar is 'transparent', letting you see what's in the page...
I've checked the Java section, it's div align="right". I also tried to mess with the

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;

bit, but it didn't work. What am I doing wrong?
Here's the problem URL: http://www.draculusa.com/collections.html

Sorry in advance for the code, I use an editor and I suspect it's not very tidy lol

[draculusa]

Anyone? :(

[jscheuer1]

You wouldn't have happened to have upgraded to IE 7 in the meantime, would you? In any case, your page looked fine in IE 6. In IE 7, both it and the demo page had the problem you describe.

I added this below the style for a local demo:


<style type="text/css">

#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #EFEFEF;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}
</style>
<!--[if IE]>
<style type="text/css">
#dragbar{
min-width:auto;
}
</style>
<![endif]-->

Works here.

[draculusa]

Thanks so much!
Just added that bit of code and it also works great for me :)

*kicks IE* ;)