Chrome css menu- display: none instead of visibility hidden

[iamgena]

Just wondering if this script could be modified to use display: none/display: block in place of visibility: hidden/visibility: visible?

I am using some very large submenus that are placed at the bottom of my code- and while they are not visible, they do create a lot of empty white-space at the bottom of the page.

Thanks for any help- obviously not a huge issue, but it would look better if possible.

[ddadmin]

There's no need. Just give the offending menu a "left" or "top" attribute to make sure it doesn't create any white space, something like:


<div id="dropmenu1" class="dropmenudiv" style="left: -1000px; top: -1000px" >
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
</div>

That should do it.

[iamgena]

works perfectly- thanks!