New and Improved…
CSS Ninjas beware! The *cough* new and improved IE7 may have started making crap factories out of your websites already. Working on a project at Bam today, Dan mentioned that a dropdown menu was getting stuck. Now Dan only uses IE, not cos he is a hardcore fan, but since his clients use it, he uses it to make sure everythings okay. Which is pretty good cos he can notice things I may miss. Now, I went back to my computer, tested in IE6 and couldnt replicate the error. I was pretty confused, IE6 is working fine, Firefox works fine, and IE7 is meant to work like Firefox with the ‘new’ hover function that can work on normal list items. Not knowing what was wrong, I just googled ‘IE7 dropdown bug’. Sure enough, I found out whats wrong. The suckerfish dropdown technique pretty much makes the IE7 hover styles die in a fire. So the stuff that you would use to fix IE6 breaks the same thing in IE7. How Ironing….
Im not sure exactly how to trigger the error, Dan was getting it by rapidly mousing on and off the menu clicking. Changing focus then rolling over the menu. Luckily, the solution is quite easy. I found it at Built from Source. For anyone that doesnt want to click through, here:
#menu li:hover, #menu li.hover {
position: static;
}
Obviously the id of the menu div or ul is menu. So there you go. Put it in the normal stylesheet, a conditional comment/alternate css file. Just be careful. I dont test this site in IE ever, it might look stupid, I dont care, IE is stupid, but for any clients sites, even past ones, this might need to get looked at. So of course, now you are going to have to code for sites to work in the more predominant IE6, then add features so it works in IE7 for anyone that uses it. Hooray…
