Horizontal sub menu in ie, need vertical?

Built a SpryMenuBarHorizontal with one sub menu. Works fine in all browers except ie.In ie sub menu is horizontal instead of vertical.
Any help?
Thanks

I put your page through the validator:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Foptionsclinic.net%2Ffirst_step.ht ml
Main problem it identified was "end tag for "p" omitted."
I looked at your page in "view source" and see this:
<div id="headernav2">
<p>CALL US: 817-599-6700<br />
    HOT LINE: 800-392-HELP<br />
    EMAIL US: <a href="mailto:[email protected]">[email protected]</a><br />
    CHAT WITH US:
I think that <p> element is not closed.
Whether it has anything to do with your spry menu is yet to be seen. I fix my own code in this way. I do not understand why some things work or do not work. My suggestion to you is add these tiny little characters in your code </p> and test it. If it works call me a Coding deity. If it doesn't work, remove it and post again content in the knowledge that someone, a complete stranger, was prepared to have a look at your page.
For my part, I have a hunch that it does have something to do with your menu. If not, it needs fixing anyway.
Regards
Martin

Similar Messages

Horizontal sub-menu - can you help?

I'd like to make a horizontal sub-menu appearing under a
horiziontal root menu (rather than the usual vertical drop-down
menu) - can this be done?
I know I could do this type of menu using Flash but I'd
rather not contain the navigation for the site in a .swf file - not
very user-friendly.

Try:
- iOS: Not responding or does not turn on
- Also try DFU mode after try recovery mode
How to put iPod touch / iPhone into DFU mode « Karthik's scribblings
- If not successful and you can't fully turn the iOS device fully off, let the battery fully drain. After charging for an least an hour try the above again.
- If still not successful that usually indicates a hardware problem and an appointment at the Genius Bar of an Apple store is in order.
Apple Retail Store - Genius Bar

Horizontal Spry Menu Bar with Horizontal Sub Menu

I have created a horizontal menu bar with only one main menu item leading to a sub menu. I would like this sub menu to display horizontally also, instead of vertically as added by default.
I am relatively new to dreamweaver and would appreciate any help possible.

Came across the fix by accident thru extensions in menu bar,
and choice of cursor for each section. Feeling happy! Happy New
Year everyone.

Help with Horizontal Sub Menu Position

I am building a horizontal spry menu, the default is set so that the submenu displays vertically. However, I would like the submenu to display horizontally as well, so that it is flush with the bottom of the main menu. Does anyone know how to do this?

add this style rule to your page:
<style type="text/css">

</style>
Ben

Horizontal Sub Menu

I understand how to create a horizontal spry menu, but it still gives me vertical submenus. How can I create a horizontal submenu? I've been told that it is controlled in the "ul.menubarhorizontal ul" , but that doesn't seem to work. There are also 2 different styles called "ul.menubarhorizontal ul" which do I use if either? Could someone help gie me some clarification please!?

Once again, I want to thank you for your time, I greatly appreciate it. This is a problem I just can't seem to figure out. I inserted the code as you suggested, but Im still getting a vertically displayed submenu. I attached a pic of a screen shot of my practice site and a pic of what I want to achieve. Here is my current code after the changes:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
      <ul>
        <li><a href="#">Item 1.1</a></li>
        <li><a href="#">Item 1.2</a></li>
        <li><a href="#">Item 1.3</a></li>
      </ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
      <ul>
        <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
        </li>
        <li><a href="#">Item 3.2</a></li>
        <li><a href="#">Item 3.3</a></li>
      </ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<script type="text/javascript">

</script>
</body>
</html>

Horizontal menu with horizontal sub menu using image rollovers or similar

Hello,
I am brand new to web design and working on my first site. What I lack in skills, I have in free time to learn right now : ) Please let me know if there is a tutorial or other resource that describes what I am trying to do...I've been searching for days and just can't find what I'm after.
The design concept is a menu of main categories that apear to be floating over an object. When you hover over one, it looks like it gets pressed down in space resulting in the next line populating with subcategories to be selected. If you click on the main elements, you would be directed to that page - Services for instance. If you just hovered over a main category, you would be presented with a list of sub-categories that behave in the same fashion. If you then clicked on one of the sub-categories, you would be taken to that specific page.
Here's a sequence of images that show what I'm after.
I built all this in Illustrator as described in a Lynda.com tutorial. I then exported slices to dreamweaver and started building content. Each of the categories and sub categories is a separate slice with images built for the rollovers. I was able to build the main categories and get them to visually sink upon using an imageswap...now I'm stuck on how to get the second line to behave as I described.
This is a fun learning experience. Let me know if there is a better way to achieve the design. I just stared investigating SSIs as well and see the value in having this menu in just one place, referenced into all my subsequent pages. I have successfully embeded an SSI footer with rollovers on my page, but this menu problem is really tough for me.
I really appreciate any pointers.
Thanks,
Jeff Prince

I tried building a Spry Horizontal menu to get what I want, but I had no success there. Any tips for that?
On a separate note...I do not know if it is proper to use a 'tabbed panel' for my menu project, but it seems to work fine. I have built both the top (main category) and bottom (sub category) lines of my menu using spry with .png image rollovers.
Now I just need to find out how to make the main category button rollover stay 'down' while browsing the subcategories. I would also like to get the subcategories to populate upon mouseover of the main category, without requiring a selection. Now that would be slick : ) In my example above, the 'services' title should be depressed while in that submenu and look like 'landscape design'.
One minor problem is the space created between my subcategory images. I can't find the .css or .js that is creating that space. I've really trimmed down all the .css and do not know where else to hunt.
Thanks for any advice,
Jeff

RE: Have a Menu that needs sub menu for submenus...

I do not know if this is the right forum for this.
However here goes.
I have a Flash Menu that I am working with using Action
Script 2.0 inf Flash CS3. I have successfully created the Main menu
and the sub menu, however I need a sub sub menu for the sub menu to
operate the same way the sub menu does for the main menu.
I do not even know where to begin doing this.
I have attached the .fla CS3 file. maybe someone can help me
do this or point me in the right direction possibly???
thank you Adobe members and to anyone who can help with this.
If this requires some kind of payment. it's not a problem I can do
that via paypal acct or send a check or wire the money.
I just really need to get this done for a client ASAP.
note: I will send the file if anyone is interested via
trillian, ftp or email or some other viable form of digital
communicatiion.
thanks again,
Dan

Hello,
You need to use p_body_html then construct an html email to be sent to feed into that (you also need to provide the p_body for email clients that don't support html)
To get give a link to the specfic item you want you need to use something like:
'http://your.server/pls/apex/f?p=100:1:::NO::P1_ITEM_ID:'||ITEM_ID
Where 100 is you app id, 1 is your page number, P1_ITEM_ID is the item that sets your primary key for the page and ITEM_ID is the primary key of the item you want to display.
Hope this helps
Luke
Message was edited by:
LWhitelock

Include nested Inner Sub Menu in main menu

Master,
          I have created one Main Menu and Sub Menu. But i want to add 3 inner sub menu.
          I Need to display as shown in below.
         <u> List</u>
          File > Recent Files
                > Deleted Files
                > All Files
NOTE: Here <u><b>File</b></u> is Sub Menu and other 3 is Inner sun menu for <b><u>File</u></b>.

Hi,
To create the submenu components, leave the function column empty, enter a submenu name, and double
click on the submenu text.
here is the perfect solution with smaple code
Re: How do I create a sub-menu item
Regards
Sudheer

I want to have JMenu on a Side bar(JPanel) with sub menu.

I want to have the JMenu on the sidebar(which is a
JPanel placed at WEST). This JMenu shall have the sub
menu with it. I got the JMenu on the Sidebar but when
i take mouse over(or click) the MenuItem it is
displaying the sub Menu. I am attaching the my code.
Can anyone please let me know why it is not displaying
the sub menu and what should be added to my code to
work?
Thanks in Advance(see below for code)
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
public class SideBarMenu extends JFrame {
     JMenuItem menuItem1,menuItem2;
     JMenu books, softwares, tools;
     JSeparator horizontal1, horizontal2,horizontal3;
     JPanel p1, p2;
      public static void main(String[] args) {
       SideBarMenu vAR = new SideBarMenu();
     public SideBarMenu() {
          super("Side Bar");
          setSize(500,500);
          setLocation(150,100);
          setResizable(true);
          Container content = getContentPane();
          p1 = new JPanel(new BorderLayout());
          p2 = new JPanel();
          p2.setLayout(new GridLayout(20,1));
          p2.setBorder(BorderFactory.createLineBorder(Color.black,1));
          books = new JMenu("Books");
          horizontal1 = new JSeparator( JSeparator.HORIZONTAL );
          softwares = new JMenu("Softwares");
          horizontal2 = new JSeparator( JSeparator.HORIZONTAL );
          tools = new JMenu("Tools");
                                horizontal3 = new JSeparator( JSeparator.HORIZONTAL );
          //sub Menu for menu "books"
          menuItem1 = new JMenuItem("Java");
          books.add(menuItem1);
          menuItem2 = new JMenuItem(".Net");
          books.add(menuItem2);
          //sub Menu for menu "Softwares"
          menuItem1 = new JMenuItem("Java");
          softwares.add(menuItem1);
          menuItem2 = new JMenuItem(".Net");
          softwares.add(menuItem2);
          //sub Menu for menu "tools"
          menuItem1 = new JMenuItem("Java");
          tools.add(menuItem1);
          menuItem2 = new JMenuItem(".Net");
          tools.add(menuItem2);
          p2.add(books);
          p2.add(horizontal1);
          p2.add(softwares);
          p2.add(horizontal2);
          p2.add(tools);
          p2.add(horizontal3);
          p1.add(p2,BorderLayout.WEST );
          content.add(p1);
          setVisible(true);
}

Hi Ashwin,
I saw the above code which is approaching my requirement... Thats cool man. Taking that as reference i modified it to make it what i want. The code i have modified and which is very closer to my requirement is attached below. I have set the Windows Look and Feel, because its easy to track my problems with it. The problems am having are:
1) When the mouse is removed from the menu its submenu is not disappearing.
2) When i take the mouse over the menu its making the name(Books/softwares/tools) of the menu invisible.
3) When i take the mouse over the sub menu items they are not getting highlighted, which means they are not listening
I hope u will solve these issues for me...
Also make the menu items work ie., just make them print when i click submenus like "Clicked books->java" and "clicked softwares->.Net" so that i get an idea of events....
Many Thanks .
Here we go,
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Container;
import java.awt.GridLayout;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
import javax.swing.BorderFactory;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JMenuItem;
import javax.swing.JPanel;
import javax.swing.JPopupMenu;
import javax.swing.JSeparator;
import javax.swing.UIManager;
public class SideBarMenu4 extends JFrame
    JMenuBar menuBar;
    JPopupMenu popup = new JPopupMenu();
    JMenuItem menuItem1, menuItem2;
    JMenu books, softwares, tools;
    JLabel mainMenu = new JLabel("Main Menu");
    JMenu subMenu;
    JSeparator horizontal1, horizontal2, horizontal3;
    JPanel p1, p2;
    public static void main(String[] args)
        SideBarMenu4 vAR = new SideBarMenu4();
    public SideBarMenu4()
        super("Side Bar");
        setSize(500, 500);
        setLocation(150, 100);
        setResizable(true);
        setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
        Container content = getContentPane();
        p1 = new JPanel(new BorderLayout());
                    try {
          //MetalLookAndFeel.setCurrentTheme(new MacMetricsTheme());
             UIManager.setLookAndFeel("com.sun.java.swing.plaf.windows.WindowsLookAndFeel");
        } catch(Exception e) {}
        p2 = new JPanel();
        p2.setLayout(new GridLayout(30, 1));
        p2.setBorder(BorderFactory.createLineBorder(Color.black, 1));
        books = new JMenu("Books");
        horizontal1 = new JSeparator(JSeparator.HORIZONTAL);
        softwares = new JMenu("Softwares");
        horizontal2 = new JSeparator(JSeparator.HORIZONTAL);
        tools = new JMenu("Tools");
        horizontal3 = new JSeparator(JSeparator.HORIZONTAL);
        // sub Menu for menu "books"
        menuItem1 = new JMenuItem("Java");
          popup.add(menuItem1);
        //books.add(menuItem1);
        menuItem2 = new JMenuItem(".Net");
          popup.add(menuItem2);
          popup.setPopupSize(100,50);
        menuBar = new JMenuBar();
        menuBar.setLayout(new GridLayout(0, 1, 5, 5));
        books.add(popup);
          books.setComponentPopupMenu(popup);
        books.addMouseMotionListener(new MouseMotionAdapter(){
            public void mouseMoved(MouseEvent e)
                 popup.show(books, 88, 0);
          softwares.add(popup);
          softwares.setComponentPopupMenu(popup);
        softwares.addMouseMotionListener(new MouseMotionAdapter(){
            public void mouseMoved(MouseEvent e)
                 popup.show(softwares, 88, 0);
          tools.add(popup);
          tools.setComponentPopupMenu(popup);
        tools.addMouseMotionListener(new MouseMotionAdapter(){
            public void mouseMoved(MouseEvent e)
                 popup.show(tools, 88, 0);
        // p2.add(menuBar);
        p2.add(books);
          p2.add(horizontal1);
          p2.add(softwares);
          p2.add(horizontal2);
          p2.add(tools);
          p2.add(horizontal3);
        p1.add(p2, BorderLayout.WEST);
        content.add(p1);
        setVisible(true);
}

How do you change orientation of sub level of horizontal spry menu?

Hi,
I am using Dreamweaver CS 4 on a Mac.
I wanted to create a horizontal spry drop down menu. Instead of the orientation of the drop down sub menu being a vertical ist, I wanted the sub menu to have a horizontal orientation (to mimic the horizontal orientation of the main menu) so that each button would be placed horizontally next to each other .
I m pretty new to CSS and HTML, but am having fun learning how to manipulate the code.
Please help! Thanks!
Gayle ;-)

Adobe Fill & Sign does not yet have a feature to rotate PDF pages but there are several websites that will rotate a PDF for free and then you can bring that PDF with correct orientation into Fill & Sign to fill out. Any of the top hits when you google "rotate PDF free" will work.
Thanks,
Josh

Vertical Sub Menu

Hi,
I have created a menu with four sub menu items. Unfortunately the sub menu navigation is horizontal and I want it to be vertical. How would I go about just making the sub menu vertical but leaving the main menu horizontal?
I've looked at all the menu options but can't for the life of me see where this option is toggled?
Thank-you.

Here is the options associated with a verticle sub-menu:
Is this what you were looking for?
Julia

I need help with adobe muse sub-menu styling

i need help with adobe muse sub-menu styling~! i can adjust them to exactly how i like them, but then when i go to the next set of sub-menus, the other ones revert back to the starting white/black boxes. i am frustrated as i have redone this so many times! Please help me!

To achieve this, you can use an accordion widget with custum styling.
IF you search for Terry White, Muse, accordion, you will find some video tutorials on YouTube.

Help needed with putting in a sub menu

Hi all
I'm trying to put in a 3 button sub menu into a 5 button menu
that is already in a template that I've purchased. The menu is
currently in the following format
HOME - ABOUT - SERVICES - PARTNERS - CONTACT
I wish to have the 3 services / products available listed
below as well as next and previous buttons to navigate between the
pages, but with my limited knowledge of scripting I'm a little more
than stumped. Any and all help will be gratefully appreciated.
I have uploaded the .fla file so if you can help and take a
look.
flash file
Regards
Dave

Will field "B" ever have a value of zero?
Assuming fields "B" and "B" are formatted as "Number" and field "A" is formatted as "Percentage", then only only needs to check for field c for a value of zero.
One may also need to account for the fact that a null string ("') field will be treated as zero.
The custom calculation for field "D" could be:
// get field objects;
var oDivisor = this.getField("B"); // field object for divisor;
var oDividend = this.getField("C"); // field object for dividend;
event.value = ""; // default result if no computation performed;
if(oDivisor.value != 0 && oDividend.value != 0) {
event.value = oDividend.value / oDivisor.value;

Need Flash sub-menu to overlap HTML content

I have a Flash header with a menu item that drops down a sub menu and takes up an additional 200px or so of space. I need the menu to overlap the HTML content below without having to make the SWF file taller, since that would push everything down. Is there a way to do this?
Thanks.

IIRC, you'll need to make the SWF bigger, set it's wmode to transparent, and negative margin the content below it to ghetto it up under the swf.
HTH
-Ted

Positioning of spry sub menu in IE8

Hi - can anyone help with an IE8 issue concerning Spry? I have created a menu here:
http://www.clinicafiore.co.uk/jan2012/indexJan2012_1.html
In all the browsers I have tested (Chrome,FF,Safari,Opera) on Mac and PC platforms it works fine. In IE8 it doesn't (hooray).
The critical attribute is:
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: 189px;
top: 0;
I.e. I have pushed the sub-menu out 189px when visible and set the top value to 0 thinking this would align the sub-menu with the top of the main menu item.
Is there a better way to do this to cover all browsers or do I need some conditional code for IE?
Really.really grateful for any help
For good measure here's all the html & the css
HTML
<div id="leftNav">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#" title="ageing body" class="MenuBarItemSubmenu">AGEING BODY</a>
        <ul>
          <li><a href="#">Ageing Décolleté</a></li>
          <li><a href="#">Ageing Hands</a></li>
          <li><a href="#">Ageing Neck</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">ageing face</a>
        <ul>
          <li><a href="#">Ageing Lips</a></li>
          <li><a href="#">Double Chin</a></li>
          <li><a href="#">Downturned Mouth</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
          </li>
          <li><a href="#">Item 3.2</a></li>
          <li><a href="#">Item 3.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 4</a></li>
    </ul>
</div>
CSS
ul.MenuBarHorizontal
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 0.9em;
          cursor: default;
          width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
          z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 0.9em;
          position: relative;
          text-align: left;
          cursor: pointer;
          width: 189px;
          float: left;
          font-weight: bold;
          text-transform: uppercase;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          z-index: 1020;
          cursor: default;
          width: 189px;
          position: absolute;
          left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
          left: 189px;
          top: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
          width: 189px;
          font-weight: normal;
          text-transform: none;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
          position: absolute;
          margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
          left: auto;
          top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
          border: 1px solid #CCC;
          font-weight: normal;
          text-transform: none;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
          display: block;
          cursor: pointer;
          background-color: #aee56b;
          padding: 0.5em 0.75em;
          color: #333;
          text-decoration: none;
          border-bottom-width: thin;
          border-bottom-style: dotted;
          border-bottom-color: #FFF;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
          background-color: #999999;
          color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
          background-color: #999999;
          color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarRight.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarRight.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarRight.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarRightHover.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
          position: absolute;
          z-index: 1010;
          filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
          ul.MenuBarHorizontal li.MenuBarItemIE
                    display: inline;
                    f\loat: left;
                    background: #FFF;

I may be misinterpreting what it is that you want, partly because I thought we were talking horizontal menu and you point out a vertical menu.
I think that you used the vertical menu as an illustration to shopw how you want the submenu alligned. If that is correct, then please copy an paste the following into a new document and see the result in an IE8 browser.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBarHorizontal.css" rel="stylesheet">
<style>
ul.MenuBarHorizontal ul {margin-left: 8em; margin-top: -35px;}
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
    <ul>
      <li><a href="#">Item 1.1</a></li>
      <li><a href="#">Item 1.2</a></li>
      <li><a href="#">Item 1.3</a></li>
    </ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
    <ul>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
        <ul>
          <li><a href="#">Item 3.1.1</a></li>
          <li><a href="#">Item 3.1.2</a></li>
        </ul>
      </li>
      <li><a href="#">Item 3.2</a></li>
      <li><a href="#">Item 3.3</a></li>
    </ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryMenuBar.js"></script>
<script>
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
If the above is not what you want, then please explain.
Gramps

Horizontal sub menu in ie, need vertical?

Similar Messages

Maybe you are looking for