so i've recently developed this site where i use a css sprite navigation and i have also incorporated the suckerfish drop down menu to it, now, it works exactly how i want it to work in every browser besides IE6 (story of my life). What happens is when you roll over "About" "Sell A Dress" and "Dress Search" it works decently, but when you go to rollover the submenu items, the sprite in those top menu items gets pushed over and shows "Tips"
any ideas on how to fix this??
here it is here
http://www.preownedweddingdresses.com
silentsketch 2008.04.22, 09:08PM — css sprite nav + drop down menu (IE6 issues)
OvineWorrier 2008.04.23, 01:51PM —
Strange, worked in my IE6 test.
I'll re-check and get back to you.
OvineWorrier 2008.04.24, 04:03PM —
Damnit, forgot about this thread, sorry!!
Okay, my initial response was wrong because I only grabbed a bit of your html and css as I misdiagnosed your issue. (serves me right for surfing the clever forums when not sober)
Anyways, from what I've tested and also a quick lok around google, IE6 isn't going to play ball with the HTML and CSS as it is. I can get this working when I only have one drop-down menu - amazingly without using hacks - but then when we add more, things get spazzy again.
Possible solutions:
1. Drop the sfhover script and associated css rules and use Dean Edwards' IE7 javascript wizardry. (will also fix the png transparancy issue with the drop-down background.) Downside is a noticable delay upon page-load while his script parses through your page to add hover and png fixes.
2. Re-jig the HTML and CSS to use IDs instead of classes for the nav items so we can then use the rules of specificity to force IE6 into shape - probably through an IE6 stylesheet. (I've had to use this method in the past with suckerfish and background images).
I can post a working example if the above doesn't make sense.
3. have a look at how this example managed it and enclose the uls in a parent div. HTML semantics aside, this to me is the messiest solution.
Once again, sorry for initially getting your hopes up then disappearing from the Front End forum.
