IE7 Z-index issue

Unfortunately, the company I'm working with has a bunch of folks still on IE7 and although I would like to just ignore having to fix this issue, I can't.

The following page has 2 sliders - one for Case Studies, the other for Testimonials. The IE7 users can see the Case Studies content but cannot see the content for Testimonials. I'm trying to download a copy of IE7 on an old computer, but in the meantime, can anyone help? I've changed relative, absolute and the z-index values so many times, I'm going blind.

thanks

http://63.131.128.215/products-services.html
hillsboroughgraphicsAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

kevp75Commented:
this is not an answer....   but, you can test IE5.5 and up with IETester  http://www.my-debugbar.com/wiki/IETester/HomePage
0
hillsboroughgraphicsAuthor Commented:
I was able to install IE7 on an old computer to test. Thanks for posting this but boy, I really need a fix today. These guys waited until the last minute and now want the site live. I hate having to redesign an entire page just for an old browser problem.

ANYBODY?  Thanks.
0
David S.Commented:
The first thing to do is fix the HTML errors (http://validator.w3.org/). Multiple elements on a page may not have the same ID. I suggest you replace some of those IDs with classes. Multiple elements may belong to the same class and an element may belong to multiple classes. The HTML class attribute's value may be a space separated list of classes.

Also you need to decide whether you want to use HTML or XHTML -- the code is inconsistent.

Those "frame" images should have blank alt-text. Do you think someone who can't see the frame cares it's there or needs to know that its there? Is there a particular reason why its not used as a background image?>

P.S. You may want to switch to the "minified" version of jQuery before the site goes live to improve loading times and save bandwidth.
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

hillsboroughgraphicsAuthor Commented:
Thank you... this is what happens when you are first starting out, not totally sure you know what you are doing all the time,  and you pull pieces and parts from all over.  Not sure why the "frame" images are specified like that.. that came with the code for that jquery feature. I will switch to the minified version. I need to go back through all these pages and change out the stuff that came with this template that's no longer valid, too. I have just been focused on this one page since it was the IE7 problem they focused on.

I've fixed all the HTML errors except for the ones I'm getting using Highslide. I'll have to investigate that on their site. Perhaps there's a new download.

Anyway, thanks.... all of these fixes helped tremendously. Even IE7 now shows the testimonials copy. It's just not in the right place but I can see it. Do you have time to take another look? Thank you.
0
David S.Commented:
You're welcome.

IE7 often incorrectly positions absolutely positioned elements that have unspecified positions. Do you really need "#testimonials #t-slides .slide P" to have "position:absolute"?

P.S. The HTML vs. XHTML issues seem to still be there. Perhaps you're not sure what I mean?  XHTML requires that elements that have a start tag but no end tag have a "/" at the end of the start tag, but HTML does not. So I suggest you remove that slash from the ends of the <link> and <img> tags.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
hillsboroughgraphicsAuthor Commented:
Thank you so very VERY much!

I think I've cleaned up the tags and removing the absolute from the p has it working in IE7. I'll work on the other pages next.

Honestly, I can't thank you enough. If I didn't get this resolved before the weekend, I was thinking of running into my pond with cement blocks attached to my feet!
0
hillsboroughgraphicsAuthor Commented:
Absolutely wonderful.

Great advice and patience with a newbie floating around in la-la land.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.