0

in IE7 and IE8 my menu is showing up underneath the slideshow div that is below it (when you hover over one of the menu options)

http://www.christmastreesandlights.co.uk

It works as expected in Chrome, FF and IE9.

Anyone help me?

Thanks!

Michael Mullany
  • 30,283
  • 6
  • 81
  • 105
Wayners247
  • 455
  • 9
  • 22
  • You may be interested in this question: http://stackoverflow.com/questions/1156192/internet-explorer-z-index-bug – Denys Kniazhev-Support Ukraine May 03 '11 at 11:06
  • I don't have to look at your website I am guessing its the display:inline; that has that problem but I will double check lol – Val May 03 '11 at 11:06
  • 1
    For some reason, you have this: `` - that forces IE into IE7 mode. Your menu *would* work fine in IE8 without that silly meta tag. Although, it is still broken in IE7, so your question is still valid. – thirtydot May 03 '11 at 11:07
  • 1
    Yep I was right on ur `
  • ` tag change `display:inline;` to `display: block;` they do float left anyways so no need for inline :)
    • – Val May 03 '11 at 11:08
  • 2
    @Val: That's just not it, not by a long shot. [`float: left` forces `display: block`](http://stackoverflow.com/questions/5854463/jquery-in-chrome-returns-block-instead-of-inline/5854523#5854523). So, `display: inline` isn't doing anything, except possibly working around [an IE6 bug](http://www.positioniseverything.net/explorer/floatIndent.html). – thirtydot May 03 '11 at 11:12
  • I'd love to argue with you, but if i.e. wasnt so buggy, he wudnt have this problem, I have had that problem b4, n display inline was where I found the problem was simple as. – Val May 03 '11 at 11:15
  • Thanks for the input everyone. Its frustrating, as I havnt done the coding for the menu ive just been told to use it and it has about 8 css stylesheets being called in the head. @thirtydot, ive tried what Val said and it doesnt alter anything :confused: – Wayners247 May 03 '11 at 11:15
  • 1
    @Val: You're right that the problem is because of an IE bug. Let's just leave it there :) @Wayners247: It *is* the problem posted in the first comment here: http://stackoverflow.com/questions/1156192/internet-explorer-z-index-bug I'm looking at the specifics of how to fix your page at the moment. – thirtydot May 03 '11 at 11:17
  • 1
    Hi, have you tried sorting this out using z-index values (menu z-index > slideshow z-index)? Just don't forget to specify position for each element. – vlad saling May 03 '11 at 11:19
  • @thirtydot, thanks for your help. Z-Index has worked for me, still needs tweaking. Its all 'inside' a Netsuite webstore which is simply horrible!! Thanks for everyones help with this :) – Wayners247 May 03 '11 at 11:30