On 9/5/07, Mark <[EMAIL PROTECTED]> wrote: > The problem is that when you hover over one menu item that should > display a second level, the menu items below it in the top level move > down a space. The menu items at the top level should not move and it > should just roll out the second level menu.
Hi Mark, Okay so this is IE's whitespace in lists bug. I have only done hacky fixes for this in the Superfish css files so you prompted me to address that. The solution is to float the list items, and that means you will need to add an explicit width to the .nav element also. This means you can remove any of the *html hacks (margin-bottom:-3px; etc)I had in the original css files (or conditional comment equivalents that you may have used). I have tested this across all major browsers and it works great. Look at the original vertical css file now: http://users.tpg.com.au/j_birch/plugins/superfish/vertical-example/vertical.css and notice three things: 1. the .nav rule now has width:9.45em; 2. the .nav li rule now has float:left; 3. all IE hacks (IE7 included) have been removed... yippee! Hope this helps, Mark. Joel Birch.
