Hello all, I have been working on trying to get nice menus to actually "be" nice. I have installed nice menus in three sites so far and as of yet I cannot get around one really big bug (my most recent workaround is not to have submenus - and that invalidates thier usefulness). Using the horizontal menu setting, the submenus do not align to the bottom of the top level menus. I have been able to set the padding and top of these two items:
ul.nice-menu a {
padding: 0.3em 15px 0.3em 5px;
display: block;
}
ul.nice-menu ul{
position: absolute;
top: 1.8em;
left: -1px;
border: 0;
border-top: 1px solid #ccc;
margin-right: 0;
display: none;
}
and it helps, as long as no one gets the idea to resize the website. When one resizes the site to say 150% (IE, FFox, Ms - Mozilla, Opera) a gap forms in between the menus and submenus. Once that gap is there, if the user tries to scroll over to the submenu it collapses since the user actually leaves the nice-menu without entering the sub-menu. I hope that there is someone out there who knows what is causing this dreaded and tortuous functionality. I am at wits end here and getting ready to attempt to put together my own drop down menu using css.
The funny thing is "nice-menus" is the only drop down horizontal menu that I have seen so far that has this problem. I hope that this problem can be addressed soon.