Webmaster Forum / HTML, CSS, Scripts / CSS / March 2008

Hello, if you look at this page:

http://playground.emanuelblagonic.com/creating-nested-drop-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.