ansaurus

Question

Super Suckerfish drop downs hidden by aviaslider in IE

Answer 1

A:

You just need the HTML5 shiv by the looks of it.

Try this in ur <head>

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
<![endif]-->

Rocket Ronnie 2010-10-19 09:38:55

He does the necessary element creation for IE in a local script.

Ian Devlin 2010-10-19 11:57:25

Yes i use http://cspa.wa.edu.au/scripts/html5.js is their a difference between the two?

Tristan 2010-10-20 03:45:34

Answer 2

+2 A:

The problem is with IE7 and is not to do with HTML5. Instead it is a conflict with the z-index of the aviaslider and associated script.

Adding position: relative and z-index: 99 to the <nav> element should fix the problem.

John Catterfeld 2010-10-19 09:53:24

I commented above saying more or less exactly that, but my comment has disappeared. I think it was on a comment which was deleted. Oh well.

Ian Devlin 2010-10-19 11:56:49

Yes, I saw your comment, although from my tests I deduced the z-index was required on the parent <nav> rather than the <ul>, which was worth pointing out.

John Catterfeld 2010-10-19 12:12:01

Hey guys thanks just uploaded the updated code. Can you confirm if it works?

Tristan 2010-10-20 05:34:18

Yes, works for me in IE9, IE8, IE7, FF3.6 and Chrome 6.

John Catterfeld 2010-10-20 07:53:39

Thanks John for the feedback

Tristan 2010-10-26 03:24:15

ansaurus

tags:

views:

answers:

Super Suckerfish drop downs hidden by aviaslider in IE

related questions