Header problems!

[groovy-stuff]

I have installed a flash header on my site which I thought was working fine but I am encountering some display issues! Any help greatly appreciated.....

On the website at www.groovy-stuff.co.uk the flash header looks and seems generally to be working fine right up to the point of viewing the detail of the item. When you click 'view larger image' the header stays where it is and obscures the top half of the larger image!

Whats more confusing is when you scroll down so the header is not displayed in the item description and then click the 'view larger image' link it works fine!

The header is causing problems and I am not at all sure what I have done or how to resolve it!

Any help.......?

Many Thanks

[kbalona]

I think you need to try seting the z-index higher in the LightBox's CSS Stylesheet.

[groovy-stuff]

thanks for the response.

I have three instances of the z-index in the lightbox stylesheet .....


#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}

Any suggestions?

Many thanks

[kbalona]

Try changing the first one to something like this:

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
	}

If that doesn't take care of it, try another one until you find the correct one.

[groovy-stuff]

Thanks for your help on this

have still not been able to sort it but I am now looking for other stylesheets realting to lightbox! Program bought as a packge so too familiar with where addins have been placed!!!

As the site looked pretty silly have re-instated the old logo (although its still not right) and will try to sort out in the new year!!!!!!

Many thanks again.