Okay, here's an example of what I'm seeing with IE10 in IE7 compatibility mode... That's awful.
This is supposed to be a mini-menu in the thoughts area.
What's happening then?
Here's the simplified structure of a mini-menu top-level entry:
<span>
menu caption
<ul>
<li>contents...
</ul>
</span>
'span' is set to position: relative
'ul' is set to position: absolute, so that for instance, setting top: 100% on it will position it right below the span text itself.
This works perfectly in all browsers, including IE8+.
In IE 6/7, and you can test on wedge.org if you'd like, the mini-menu is shown BEHIND the menu captions ("Action") for all other mini-menus. Not only that, but if you hover it, the mini-menu will close because it gives priority to the Action button that's supposed to be hidden behind it.
What's the reason for this..? Well, the span's position: relative is the culprit. If you remove it, then the mini-menu will never be overwritten, it will retain priority.
Only problem is, if I wanted to get rid of position: relative, I'll have to manually set (via JavaScript) the position for my mini-menu. Honestly, I'd rather not do that...!
Now, here's the thing: I spent the better part of the day LOOKING for examples of this IE bug online, but so far, I've found NOT EVEN a single description of the problem. It sounds as if the problem is ONLY on wedge.org, and/or ONLY on my PC.
Considering my IE6 copy is running in VirtualPC XP Mode, I can safely say it's the "real thing", and it's not a quirk of browser emulation, like broken filters in IETester + IE6.
I discovered the bug when I was trying to 'make things work' in IE 6/7 with regards to my main menu rewrite. I ended up giving up and reverting much of my changes, because I couldn't afford to drop compatibility with both IE 6/7 when it comes to the main menu.
I doubt anyone will be able to help, but it doesn't cost anything to ask. Can anyone reproduce this bug? And if yes, do you have any frigging idea what's happening..? Thanks!
This is supposed to be a mini-menu in the thoughts area.
What's happening then?
Here's the simplified structure of a mini-menu top-level entry:
<span>
menu caption
<ul>
<li>contents...
</ul>
</span>
'span' is set to position: relative
'ul' is set to position: absolute, so that for instance, setting top: 100% on it will position it right below the span text itself.
This works perfectly in all browsers, including IE8+.
In IE 6/7, and you can test on wedge.org if you'd like, the mini-menu is shown BEHIND the menu captions ("Action") for all other mini-menus. Not only that, but if you hover it, the mini-menu will close because it gives priority to the Action button that's supposed to be hidden behind it.
What's the reason for this..? Well, the span's position: relative is the culprit. If you remove it, then the mini-menu will never be overwritten, it will retain priority.
Only problem is, if I wanted to get rid of position: relative, I'll have to manually set (via JavaScript) the position for my mini-menu. Honestly, I'd rather not do that...!
Now, here's the thing: I spent the better part of the day LOOKING for examples of this IE bug online, but so far, I've found NOT EVEN a single description of the problem. It sounds as if the problem is ONLY on wedge.org, and/or ONLY on my PC.
Considering my IE6 copy is running in VirtualPC XP Mode, I can safely say it's the "real thing", and it's not a quirk of browser emulation, like broken filters in IETester + IE6.
I discovered the bug when I was trying to 'make things work' in IE 6/7 with regards to my main menu rewrite. I ended up giving up and reverting much of my changes, because I couldn't afford to drop compatibility with both IE 6/7 when it comes to the main menu.
I doubt anyone will be able to help, but it doesn't cost anything to ask. Can anyone reproduce this bug? And if yes, do you have any frigging idea what's happening..? Thanks!