IE not displaying Z-Index Correctly - CSS

HTML & CSS
1

Hey there - I’ve been fiddling with this for a while, and basically I have tried everything - parent divs, child divs, UL, LI, there are some little dots on the top of this slideshow on this page:

Here is the link

And they display great in Mozilla, Chrome, etc - NOT in IE.

I have tried the positioning fix, a background color fix I found on the internet - none of these things are working. Does anyone have any ideas on how to get these dots to lay on top of the sliders for IE?

Thank you so much in advance -

Kari

2

Hello Kari,

Add the following to p7hgm04.css and you should be fine in all browsers:

.p7HGM04 .p7HGMpaginator a {	padding: 0;
	display: block;
	width: 20px;
	height: 20px;
}
.p7HGM04 .p7HGMpaginator {
	margin: 0;
	bottom: 25px;
	left: 20px;
}


.p7HGM04 .p7HGMpaginator ul {
	overflow: visible;
}


.p7HGM04 {
	position: relative;
}

Best regards,
Vince

3

BRILLIANT - thank you - was it specifically the overflow on the UL? SO appreciated - thank you thank you!