Jay Hills wrote:
You can use Mozilla/Firefox/Opera to see what I mean at http://www.ikonik.net/2/. It works in Internet Explorer but the tabs 'flicker'. Is this a problem with the Z-index in IE or have I done something else wrong with my CSS? link: http://www.ikonik.net/2/css/visual.css.
Hi Jay
Once you've dropped down a .sidecontent menu, in IE6, if you click elsewhere on the page, the hidden element leaps to the top of the z-order. I think the problem arises from using margins to effect the overlap. Additionally, due to the order of execution, this is also responsible for the flicker.
If you use the actual positioning of the .sidecontent elements (say, top: -25px;) instead of deflating the margin then the strange effects in IE go away.
I've created a mock up at http://www.wasabicube.com/test/testover.html which demonstrates this working.
Cheers Peter
****************************************************** The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************