z-index in IExplorer??

[psilos]

Hello everyone,

is there any problem with z-index and iexplorer?

I have created a menu and while everything is ok on FF i have this problem in IE:Attachment 967

My Html is:

<ul id="navmenu"> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">About</a> 
      <ul style="z-index:0"> 
	  	<li><a href="#">Team</a></li> 
                <li><a href="#">History</a>
			<ul style="z-index:10;	margin-left: -25px;	margin-top: 5px;">
				<li><a href="#">United Kingdom</a></li> 
        		        <li><a href="#">France</a></li> 
		                <li><a href="#">USA</a></li> 
			</ul>
		</li> 
        <li><a href="#">Offices</a></li> 
      </ul> 
    </li> 
</ul>

[boogyman]

it wouldn't surprise me!
at the same time, All versions before IE7 doesnt support :hover, if you are doing the menu in CSS. I have been told that IE7 has support for it, but it might be a bug in the system...
WHAT A SHOCKER, IE has a bug

[psilos]

Yes i know IE doesn't support :hover. I have used javascript for IE..

That's why i'm asking about z-index in IExplorer, is there any known problem?

Thanx

[mwinter]

is there any problem with z-index and iexplorer?

Probably, but your particular style sheet may be of more importance. If the links are positioned within each list element, one might expect to see what you have.

Please post a link to an example.

Mike

[Veronica]

Can you send your css for navmenu?

[psilos]

ok the link is: menu.

Included CSS + Javascript.

[psilos]

Any Advice on z-index problem??

[Veronica]

I'm not sure, but the original suckertree script had the ul levels displaying next to each other, not overlapping. So it may only work correctly if the margins are set so they don't overlap. That may not be the look you want, but it's readable and better that what it does now in IE!

[psilos]

Yes i know it would be better than it is now,
but unfortunately i work for a creative agency, so we focus very much in
the esthetic and in the design of the page.

And since i'm not doing the design, only the development i'd have to repine again against IExplorer...grrr. I don't believe it has to do with the implementation of the menu... It's IE problem (I think).

[jscheuer1]

I think mwinter was on to something (he usually is). In IE, style cascades a little differently than it does in other browsers such that, with links and lists especially. If a given style could apply to a given link or list or list item, it will - unless it is specifically contradicted, sometimes even if it is contradicted. In other browsers, a class of links or items will usually automatically set them apart from other links or items.

Another possibility is that the script you are using may be to blame.

In any event, if IE understands the z-index values you intend to assign, it will work out. The trick is in assigning them in a way that IE understands exactly what you have intended. Fortunately, this usually will not interfere with other browser's but can. When it does, conditional comments are a handy way of assigning some style(s) to IE only.

Using z-index:0 in the ul could be making all elements contained within it also z-index:0 - regardless of their set z-index. Since 0 is the default though, it shouldn't need to be specified.

A link to your page (or the code or link to of a full example that demonstrates the problem) would probably be required for more detailed help. Your demo (linked in an earlier post) page doesn't appear to feature the problem. The submenus don't stay open long enough in IE to tell. In others, it works fine.