IE6 Drop-Down Menu Display Problems

[sporb]

I have created a drop-down menu using a hidden unordered list. In the css I use display:hidden to hide the <ul>. The list does not appear, but blank space appears instead. The unordered list appears to be taking up the space, but can not be seen unless the mouse hovers over my menu item, then the drop down appears. The blank space only appears in ie6 and earlier, every other browser is fine.

Does anyone know why this happens? Would anyone know how I can fix this? Is this fixable?

Any help is very much appreciated. If you would like to see the code, just ask.

[XpertEase]

You mixed up 2 things:

visibility:hidden hides the element, but it still takes up space in the layout.

display:none removes the element completely from the document. It does not take up any space, even though the HTML for it is still in the source code.

Hope this helpes. Also check this code on:

<snip>

more examples also on this site.

Greetz

[edited by: swa66 at 12:52 am (utc) on Mar. 10, 2009]
[edit reason] no URLs please see ToS. [/edit]