Lightbox 2.03a hover color showing

[dongares]

1) Script Title: Lightbox image viewer 2.03a

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem: Once the enlarged image is shown when my mouse passes over the "Close X" image a small line of color shows under the "Close X". How do I eliminate this from happening? The URL is http://www.rivervalleylodgeandcampground.com/lodge.html and if you are using IE you will also note that the entire page is not dimmed. Thanks to an earlier post from jscheuer1 I believe that I can fix that in the script when time permits.

Your assistance will be appreciated.

[jscheuer1]

In lightbox.css:


#imageData #bottomNavClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
background-color:white;
}

This works in FF, but for IE 6 (possibly even IE 7) you may have to define the pseudo classes:


#imageData #bottomNavClose, #imageData #bottomNavClose:link, #imageData #bottomNavClose:active, #imageData #bottomNavClose:visited, #imageData #bottomNavClose:hover {
width: 66px;
float: right;
padding-bottom: 0.7em;
background-color:white;
}

[dongares]

Thought that I tried that but must have not. Anyway, the single line worked both in Firefox and IE! Thanks again and have a great Holiday.
Don