This content has been marked as final. Show 3 replies
This should already be in the style sheet but if not, copy and paste this to very end of the SpryMenuBarVertical.css
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
Give it a try and see if it works.
Thanks for the reply meesonator!
the file already has the hack written there,
still, in ie8 the menus overlap, but on safari, ie6, chrome they come out normal,
any other suggestions?
A few problems. First your Spry is out of date. Download the updater package to update from your current version to the latest 1.6.1:
Second, be sure to note that IE 8, is NOT a final release. Thus it is not a good idea to test at this point. You are at least 1 year out from IE 8 going final, probably around the same time as Office 2009/2010 and Windows 7. Be sure to look at your site statistics and, if the beta for IE 8 has a high enough percentage, then consider tweaking the code. Also remember IE 8 is based on the CSS 2.1 standards unlike Firefox, Safari and Chrome which are using the CSS 3 standards. This should not affect the menu but is something to keep in mind when styling the buttons.