...

View Full Version : IE suckerfish problem



johnnyblotter
05-04-2010, 03:52 PM
Hi all,

I am using the suckerfish dropdown for a site and am having problems in all IE browsers. Basically, as soon as the suckerfish menu content interacts with any content below it, the hover is lost and the menu disappears. You can see this if you hover on "about lifebook" on the main nav of the page posted below.

I have read that the solution uses z-index, however, I have tried all sorts of fixes using z-index without luck. One solution said to just make the top nav area z-index 1 and the content area z-index 2. I have tried this as well as stacking all my elements and the menu always disappears in IE. Any help in solving this issue would be greatly appreciated!

Again, click on "about lifebook" in any IE browser to see what I'm talking about...

http://www.jontakiff.com/suckerfish/ (http://www.jontakiff.com/suckerfish)

bazz
05-04-2010, 05:32 PM
Probably best to start by removing everything from the page to see if any of the other scripts or css are affecting your menu. Once you have it wokring, then you can add them one by one. separate issue but you seem to have several 'items' in the centre of the page on the carousel (as shown when JS is disabled) yet, when it is 'on' in FF, only one feature is accessible. Maybe a conflict between scripts?

hth

bazz

abduraooft
05-05-2010, 09:06 AM
Try
#main-nav li {
display:inline;
float:left;
height:1%;
margin-right:32px;
text-align:left;
position:relative;
z-index:10;
}
.spacer-bg-off {
color:white;
position:relative;
z-index:1;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum