Hello, if you look at this page:

http://playground.emanuelblagonic.co...op-down-menus/

Showing a menu and sub-menu web page in Firefox or Opera, the
submenues are shown vertically. This presumably because of the
display:block style which according to the css page (
http://www.w3schools.com/css/pr_class_display.asp ) :

"The element will be displayed as a block-level element, with a line
break before and after the element"


However, when you see the menu page with IE7, the submenus are
displayed incorrectly (horizontally). Is there a way to make it show
correctly?? I have tried with display:list-item and others but can not
achieve the desired effect (make it display vertically, like in
Firefox and Opera and presumably others).

Thank you,

Omar.

obaqueiro wrote:
>
> http://playground.emanuelblagonic.co...op-down-menus/
>
> Showing a menu and sub-menu web page in Firefox or Opera, the
> submenues are shown vertically. This presumably because of the
> display:block style which according to the css page (
> http://www.w3schools.com/css/pr_class_display.asp )

FYI, w3schools is not related to W3C in any way, and is no authority on
HTML or CSS. A better tutorial is htmldog.com

> However, when you see the menu page with IE7, the submenus are
> displayed incorrectly (horizontally).

You have in your HTML:

<!--[if IE]>
<style type="text/css">
#menu li {
position:static;
}
</style>
<![endif]-->


What did you expect to happen? When I deleted this the submenus showed
vertically in IE7. There's just a z-index issue to resolve then, and
maybe something else for IE6.

--
Berg