Spry Horizontal Submenu Bar Problem in Internet Explorer

I follow all the directions for adding a Horizontal Spry Menu Bar and the submeanu keeps dropping in the upper left
corner of the browser in Internet Explorer. Please help to fix this problem. It looks great in all other browsers, but not
in Internet Explorer.
I have the width for the parent menu and the child menu equal at 132 px.

Thanks For Your Reply.
I finally got the spry menu to act right. How, I don't know??? Trail and error. Trail and error. I prefer to know what I am doing. So any help would be appreciated. The menu look good in Mozilla, but ust okay in Internet Explorer. My website is www.theexecutivevip.com and here is the code that now says is causing an "expanding box" problem. I have adjusted the ul, li, etc. and it is still a problem. Help please. Thanks again.
<ul id="MenuBar1" class="MenuBarVertical MenuBarActive">
          <li><a href="index.html" class="">Home</a>          </li>
          <li><a href="aboutus.html" class="">Extend Your Brand</a></li>
          <li><a class="MenuBarItemSubmenu MenuBarItemSubmenuHover" href="#">For The VIP</a>
            <ul class="MenuBarSubmenuVisible">
              <li><a href="wine.hrml" class="">The Wine Connoisseur</a>              </li>
              <li><a href="confections.html" class="">Gourmet Confections</a></li>
              <li><a href="ipad.html">Made For iPad/iPhone</a></li>
              <li><a href="laptopacc.html">Laptop Accessories</a></li>
              <li><a href="clocks.html">Clocks</a></li>
              <li><a href="timepieces.html">Fine Timepieces</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Bags & Luggage</a>
            <ul class="">
              <li><a href="checkpointbags.html" class="">Checkpoint Laptop Bags</a></li>
              <li><a href="luggage.html">Business Luggage</a></li>
              <li><a href="ladytraveler.html">The Lady Traveler</a></li>
              <li><a href="travelacc.html">Travel Accessories</a></li>
              <li><a href="golf.html">The Golf Enthusiast</a></li>
              <li><a href="organifitness.html">Organization & Fitness</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Brand Promotion</a>
            <ul class="">
              <li><a href="promotional.html">Promotional Products</a></li>
              <li><a href="writing.html">Writing Instruments</a></li>
              <li><a href="drinkware.html">Drinkware</a></li>
            </ul>
          </li>
          <li><a href="purchase.html" class="">How To Purchase</a></li>
          <li><a href="contact.html" class="">Contact Us</a></li>
        </ul>

Similar Messages

Spry Alignment and Positioning Problem in Internet Explorer 6 and 7

I am designing a website at http://atoment.007gb.com, and neither me, nor my partner can figure out why the Spry Horizontal Menu Bar is loading the way it is in Internet Explorer. We are doing this for a school project, and eye appeal and workability is a top priority. I changed and customized most of it, but even if i did keep it the same, it still wouldn't work. I have only the best confidence, that even given the amount i have changed, you will still be able to help me with my alignment problem.
The Submenu Buttons Tile across the page, when they are supposed to go straight down...
the Submenu overlaps the main menu when you hover over it
and the darned thing wont center in any of my browsers, but thats the least of my worries.
Here is the CSS Codes
#MasterNavigator {
width: 1024px;
height: 75px;
#Navigator {
margin-left: auto;
margin-right: auto;
clear: both;
#NavigatorButtonsLeft {
background-image: url(../_images/MenuButtonBackgroundLeft.png);
width: 128px;
height: 36px;
line-height: 36px;
text-align: center;
vertical-align:center;
#NavigatorButtonsMiddle {
background-image: url(../_images/MenuButtonBackground.png);
width: 128px;
height: 36px;
line-height: 36px;
text-align: center;
vertical-align:center;
#NavigatorButtonsRight {
background-image: url(../_images/MenuButtonBackgroundRight.png);
width: 128px;
height: 36px;
line-height: 36px;
text-align: center;
vertical-align:center;
#NavigatorButtonsSub {
background-image:url(../_images/SubMenuButtonBackground.png);
width: 128px;
height: 35px;
line-height: 36px;
text-align: center;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
And here is my HTML code:
Home
Publishing
Videos
Patents
Wallpapers
Avatars
Userbars
Digital Design
Digital Gallery
3-D Gallery
Sci-Fi
Technology
Structures
Vehicles
Concepts
Web Design
Templates
Graphics
About Us
Atom Enterprises
Slamerz
The images I used are 20% Transparent, and are listed below.
http://atoment.007gb.com/_images/MenuButtonBackgroundLeft.png
http://atoment.007gb.com/_images/MenuButtonBackground.png
http://atoment.007gb.com/_images/MenuButtonBackgroundRight.png
http://atoment.007gb.com/_images/SubMenuButtonBackground.png
Please try your best to help me.

0087adam wrote:
ok, but how can I make it work with what I have. All the css codes are the
same, they just have been renamed.
The original SpryMenuBarHorizontal.css does not have any issues in any of the browsers. If you go and modify the original, and it does not work anymore, then the logical conclusion is that you have made one or (more likely) multiple mistakes.
In other words, you cannot make it work with what you already have.
My advice is that you replace the original CSS and work from there; but instead of changing the original CSS, make your changes in a separate stylesheet so that you can monitor and test the code at each change. For instance if you want to change the colour of the text you make a style rule that overrides the original in your new stylesheet as follows:
ul.MenuBarHorizontal a {
    color: #333;
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
    color: #FFF;
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
    color: #FFF;
If you want to change the background colour to an image, then follow the same procedure, testing your code at each step.
I hope this helps.
Ben

Spry horizontal menu goes wrong in Internet Explorer

I have designed the start of a site and the client is pleased, except that for some reason the Spry menu goes bananas in Internet Explorer 8. I have checked it in Safari, Opera, Firefox and Chrome and it looks fine. Earlier in the design process I was having some issues with a gap at the end of the horizontal menu, but with persistance I managed to cure this. According to DreamWeaver there is an issue with line 70 of the CSS file :-
#footer {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #FDCB00;
    background-color: #333;
    height: 30px;
    width: 900px;
    position: fixed;
    bottom: 0px;
    text-align: center;
    padding-top: 9px;
    letter-spacing: .3em;
    border-top-width: thin;
    border-top-style: ridge;
    border-top-color: #999;
....   but I can't see what is wrong with this. This relates to the footer which ironically behaves fine. I have just upgrade IE8 to IE9, but this hasn't helped.
I am fairly desperate to finish this site but can't until I find what is wrong. I've not seen this problem before and the DW diagnosis isn't helping me.
Here's a link http://www.tattoo-bristol.co.uk/
Any pointers would be much appreciated.
Thanks
Ralph
Vision Design

Have a look at the following piece of code in your modified CSS file
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);
    background-color: #000;
/* 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: none;
    background-color: #F00;
You have changed the latter two highlighted lines, which you must have done because you felt that you are an expert.
Sorry to disappoint, because the last highlighted line is where the problem lies. If you replace the f/loat value back to the original left, your problem will have disappeared.
Gramps

Spry Horizontal Submenu Bar Issues in IE6

Hey there,
I've been struggling with this issue for a while now, and I was hoping that I might be able to get a little help from the community to resolve it. I've built a site which looks absolutely fine in all browsers except for Internet Explorer 6. In IE6, the sub menu bars jump around all over the place for no apparent reason, and I can't figure out why... The site in question is www.flexyoffice.co.uk.
Now, in most browsers, the submenu appears above the menu bar. This was my intention. Unfortunately, in IE6, if you hover over a menu item containing a sub menu, the submenu will either appear over the menu item, below the menu item, or next to the menu item. Additionally, once you try to actually hover over the sub menu, the sub menu itself moves, leaving the user to chase the submenu around the page in pursuit... Not ideal...! Looking at the page in IE 6, it almost seems as if the submenu opens up to the right of the menu bar, which results in everything else being thrown out. I could be wrong though.
I'm relatively new to these forums, so if there is any specific information which I can provide which would possibly help to identify the issue, please do let me know. If there are any suggestions out there that are worth giving a go, I would really appreciate any thoughts that you may have.
Thanks very much guys,
Chris

Hi Chris,
I tried your page in IE6 and it crashed the browser! To be honest, most people should have upgraded from IE6 ages ago, I was redirected to MS website to upgrade the second time I started the browser.
As I couldn't even get the page to load, I can't suggest what could be wrong.
One thing I did notice wrong that made your menus appear jumpy at first was that you are not preloading the images needed to display the menu bars.
you have the Javascript function in the correct place - function MM_preloadImages() {
But you have not selected to preload any images in the body tag.
Should look something like this -
<body onload="MM_preloadImages('images/buttons/contactOver.gif','images/buttons/aboutOver.gif', 'images/buttons/loginOver.gif','images/buttons/case_studiesOver.gif','images/buttons/newsO ver.gif','images/buttons/fundingOver.gif','images/buttons/eventsOver.gif','images/buttons/ homeOver.gif')">
These are obviously not the images you want to preload (taken from one of my sites), replace the images with the images used in your menu and your menu will operate much smoother as the images will be ready to use.
Hope this helps (a little!)
Chris

Spry Horizontal Submenu IE bug

The Spry Horizontal submenu bar does not display correctly in
Internet Explorer. Everything appears to be working correctly in
Firefox.
The Submenu on the navigation bar keep dropping down from the
top of the browser window instead from it's corresponding parent
menu bar.
I've updated my Spry files to the latest versions, from
Adobe's site. Since the submenu works correctly in Firefox, it
makes me think this is a bug correction, not something wrong with
the css.
Do you have any suggestions on how to correct this? I've seen
this question asked alot on other Dreamweaver forums.
Thank you!!!!!!!!

***SOLVED***
Hi There,
Cheers for replying. I took a look and the labs one seemed to
work correctly. From here, under the CSS Styles tab I selected the
SpryMenuBarHorizontal.css group and deleted them all. I then
cleaned out my code of the references to the menu and reinsterted
the menu (I had this problem before updating to Version 1.6.1 from
1.4).
From my own error here I would suggest justice49 deletes the
menu completely (backup first) and reinserts his/her menu. from
here, each time a change is made, preview the menu to make sure the
change doesn't break the menu. this worked for me. Also check that
your spry menu is at V1.6.1. There is a forum entry about updating
if necessary:
UPDATING
SPRY
Hope this helps.

Spry Horizontal Menu bar - submenu position

I'm new to spry so apologies in advance if this has been
posted before.......
I'm putting together a new site using the spry horizontal
menu bar - I've managed to put together a CSS format which works
well in both FireFox and IE7 EXCEPT for the position of the
sub-menus below the main menu bar. IE7 seems to position the sub
menu relative to the top right corner of the parent menu item.
Firefox seems to position it relative to the bottom left corner -
and I can't find a solution which works for both browsers. Any
ideas?

You must have fixed it in the meantime as I see no problem.
Gramps

Spry Horizontal Menu Bar not working in IE

Hi! I am new to this forum and new to Dreamweaver. I recently used Dreamweaver to build a website to display my digital portfolio. I am not very good at this and don't understand much of this works. I inserted a spry horizontal menu bar for my navigation. I did change the original set up to have the background the colors I wanted and I also changed the size so it would go across the top of my page. This looks fine in Firefox and Safari but in Internet Explorer the bar displays vertically, which does not look good. Can anyone look at my code and tell me how I can fix this problem?
I appreciate any help I can get with this as I have tried everything I know.
This is the link to my site: www.digitaldesignsbymargee.com

Hi! I am new to this forum. I inserted a spry horizontal menu bar for my navigation but i cannot able veiw a horizontal menubar in IE though it works fine in google chrome and Mozila. Can anyone look at my code and tell me how I can fix this problem?
w@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 100%;
    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: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 14em;
    float: left;
    border-color: white;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: none;
    border-right-width: 1px;
/* 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: 14em;
    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: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 14em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: 0 0 0 99%;
/* 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
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.9em 0.75em;
    color: white;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    color: white;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    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
    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(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 10px 85%;
/* 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
    b/ackground-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 10px 85%;
/* 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
    b/ackground-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;
        float: left;
     /* I have updated and checked the code as mentioned in the forum topic but still it is not working */
ul.MenuBarHorizontal a:visited { color: white;}
ul ul a { background-color: #436d9c; }
ul a.MenuBarItemHover { background-color: #19385a; }
ul .MenuBarItemSubmenu ul li a { border: none; }
ul a.MenuBarItemSubmenu.MenuBarItemSubmenuHover { background-color: #19385a; }
ul.MenuBarSubmenuVisible li { border: none; }
I appreciate any help I can get with this as I have tried everything I know.

Java Applet Background Color Problem on Internet Explorer

Hi,
Please check out the following URL:
http://www.utopiainteractive.com/clients/AkonFinal/glossary.htm
The menu bar is writting in Java Applet. If you scroll down the page, and scroll back up, I see white background as I scroll back up. It happens only on Internet explorer. Neither Java Applet nor HTML Body bg color is white. I am kinda lost, and any help would really be appreciated.
Thank you and look forward to hearing from someone soon.
Sachin

Hi,
Well I used HtmlConver utility to generate applet html code, so I assume nothing is wrong with Object tag. Do you know what could cause this problem on Internet explorer? To be honest, I spent last couple of days, but I am just lost. It absolutely works fine on Netscape.
Thanks,
Sachin

Can i use smartprint with out bing bar and or internet explorer ?

Can I use smartprint without Bing bar and or internet explorer? I am not a fan of Microsoft explorer and I Do not want Bing on my computer. I don’t like either program.
I prefer other options like Firefox, slim-browser and others. I also don’t use any tool bars.
This question was solved.
View Solution.

Sorry, no. The current smartprint stuff requires IE and the Bing bar.
Bob Headrick, HP Expert
I am not an employee of HP, I am a volunteer posting here on my own time.
If your problem is solved please click the "Accept as Solution" button ------------V
If my answer was helpful please click the "Thumbs Up" to say "Thank You"--V

Spry Vertical Submenu Bar Appears Behind iFrame

In IE and Chrome, the Spry vertical submenu bar appears properly on every page of the website, except for the one page that has iframes.
In IE, the submenus appear behind the iFrames
In Chrome, the submenus appear in front of the iFrames but with an incomplete border
In Firefox and Safari, the submenus appear as they should (in front of the iframes and with a complete border)
I've scoured this forum and tried several fixes that seemed to work for others with slightly different conditions but didn't work for mine.
I've included my SpryMenuBarVertical.css for referece; if you can offer a fix for this particular issue, I'd be forever grateful. Thank you!
—Lisa
@charset "UTF-8"; /* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT: box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, a fixed-width box with no margin or padding */ ul.MenuBarVertical { margin: 0; padding: 0; list-sty le-type: none; font-size: 100%; cursor: default; width: 245px; } /* 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 are same fixed width as parent; position children relative to this container */ ul.MenuBarVertical li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 245px; } /* Submenus are initially off the left side of the screen (-1000em) and then, on hover, appear slightly overlapping to the right and up with a higher z-index */ ul.MenuBarVertical ul { margin: -5% 0 0 95%; padding: 0; list-style-type: none; font-size: 100%; position: absolute; z-index: 1020; cursor: default; width: 12em; left: -1000em; top: 0; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarVertical ul.MenuBarSubmenuVisible { left: 0; } /* Menu item containers are same fixed width as parent */ ul.MenuBarVertical ul li { width: 12em; } /******************************************************************************* DESIGN: color scheme, borders, fonts *******************************************************************************/ /* Outermost menu containers have no borders */ ul.MenuBarVertical { border-bottom: 0px solid Gray; } /* Submenu containers have borders on all sides */ ul.MenuBarVertical ul { border: 1px solid Gray; } /* Menu items are a mustard yellow block with padding and no text decoration */ ul.MenuBarVertical a { display: block; cursor: pointer; background-color: #E6DC8F; padding: 0.5em 1em; color: #333; text-decoration: none; border-top: 0px solid Gray; } /* Menu items that have hover or focus display with a dark green background and white text */ ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus { background-color: #275936; color: #FFF; } /* Menu items that are open with submenus are set to MenuBarItemHover with a dark green background and white text */ ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible { background-color: #275936; color: #FFF; } /* Active top-level menu items display a branch */ body#home a#homeNav, body#forsale a#forsaleNav, body#clubhouse a#clubhouseNav, body#falmouth a#aboutfalmouthNav, body#faqs a#faqNav, body#directions a#directionsNav, body#calendar a#calendarNav, body#partners a#partnersNav { background-image: url(NavBranch.gif); background-repeat: no-repeat; color: #FFF; padding-left: 50px; } /* Active top-level menu items with a submenu display a branch and a white arrow */ body#aboutridgewood a#aboutridgewoodNav, body#floorplans a#floorplansNav, body#contactrealtors a#contactNav, body#videos a#videosNav { background-image: url(NavBranchArrowWhite.png); background-repeat: no-repeat; background-color: #275936; color: #FFF; padding-left: 50px; } /******************************************************************************* 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 use a green background arrow image */ ul.MenuBarVertical a.MenuBarItemSubmenu { background-image: url(NavArrowGreen.gif); background-repeat: no-repeat; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and use a white background arrow image */ ul.MenuBarVertical a.MenuBarItemSubmenuHover { background-image: url(NavArrowWhite.gif); background-repeat: no-repeat; } /* Current menu items that have a submenu display a branch graphic to the left and a white arrow to the right */ body#story a#aboutridgewoodNav, body#story a#storyNav, body#neighborhood a#aboutridgewoodNav, body#neighborhood a#neighborhoodNav, body#structure a#aboutridgewoodNav, body#structure a#structureNav, body#green a#aboutridgewoodNav, body#green a#greenNav, body#maplewood a#floorplansNav, body#maplewood a#maplewoodNav, body#birchwood a#floorplansNav, body#birchwood a#birchwoodNav, body#sprucewood a#floorplansNav, body#sprucewood a#sprucewoodNav, body#aspenwood a#floorplansNav, body#aspenwood a#aspenwoodNav, body#cedarwood a#floorplansNav, body#cedarwood a#cedarwoodNav, body#oakwood a#floorplansNav, body#oakwood a#oakwoodNav, body#contactrealtors a#contactNav, body#contactrealtors a#contactrealtorsNav, body#lenders a#contactNav, body#lenders a#contactlendersNav, body#owners a#contactNav, body#owners a#contactownersNav, body#videoOverview a#videosNav, body#videoOverview a#videoOverviewNav, body#videoTour a#videosNav, body#videoTour a#videoTourNav, body#videoLender a#videosNav, body#videoLender a#videoLenderNav { background-image: url(NavBranchArrowWhite.png); background-repeat: no-repeat; background-position: -1% 50%; background-color: #275936; color: #FFF; padding-left: 50px; } /******************************************************************************* 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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; } }

Long answer = z-index
http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/
Nancy O.

*Help* Spry Horizontal Menu Bar wont show and cant seem to center it with rest of content

Hey,
I am a newbie to Dreamweaver and was wondering if someone can
help me with the Spry Horizontal Menu Bar....
http://www.djdanmatthews.net
1) After moving mouse over diffrent areas of Spry menu bar
the text seems to disapear or not show up?
2) I can't seem to center content of Spry menu bar with rest
of website?
3) How do I ad a image (where also can I get it) to the Spry
menu bar so it looks more professional &3d?
Thanks so much,
Dan

*Bump

Spry Horizontal Nav Bar not working in IE7

I'm currently working on a website for South Jersey MOM
Magazine (www.southjerseymom.com). The header layer contains a
graphic and a Spry horizontal menu bar for navigation. The
navigation works properly in Firefox. However, when I go to open up
the page in IE, it originally shows the navigation bar, along with
a Information Bar menu asking if I want to allow active script to
run. When I click "yes" to allow the content, then the bar
disappears and doesn't work. Any suggestions?

I'm currently working on a website for South Jersey MOM
Magazine (www.southjerseymom.com). The header layer contains a
graphic and a Spry horizontal menu bar for navigation. The
navigation works properly in Firefox. However, when I go to open up
the page in IE, it originally shows the navigation bar, along with
a Information Bar menu asking if I want to allow active script to
run. When I click "yes" to allow the content, then the bar
disappears and doesn't work. Any suggestions?

Spry Horizontal Menu Bar in IE

Hello,
I had looked at the forums for a possible solution to this, and none of the answers I have found work for me. I have a spry horizontal menu bar with a background image. It works in Safari, Chrome, and Firefox but on IE the background image does not show. There is only a white background. I have changed ul.MenuBarHorizontal li.MenuBarItemIE to have a background image but it still doesn't show in IE.
This is the website: fwmedpeds.net
I am very new to this and any help is appreciated.

If you go to your online SpryMenuBarHorizontal.css which can be found here http://fwmedpeds.net/SpryAssets/SpryMenuBarHorizontal.css, you will see the last few lines as I have previously quoted.
You will also see what Ken Binney has said
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
color: #000;
text-decoration: none;
background-image: url(../../../../../../../../My%20Documents/Fort%20Worth%20Med-Peds%20Website/MySite/Image s/button.jpg);
padding-top: 0.5em;
padding-right: 1em;
padding-bottom: 0.5em;
padding-left: 1em;
/* 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
color: #000;
background-image: url(../../../../../../../../My%20Documents/Fort%20Worth%20Med-Peds%20Website/MySite/Image s/button.jpg);
font-weight: bold;
Gramps

Gui 7.0 windows xp, problem with Internet Explorer 6.0

Hello Gurus,
I am installing SAP GUI 7.00, on all the windows XP machines, of our SAP users. All the machines where GUI 7.00 is installed, are facing the problem with Internet Explorer. When we click on IE we don't get error but the requested URL do not show anything. Our version of Internet exploerer is 6.0.
Gurus, need your help on this..
Thanks and Regards,
Rahul

hi ,
thanks for letting me know my error. I will raise this problem in the correct forum
Thanks
Rahul

SPRY Horizontal Submenu Appearing in Top Left in IE

Hi -
I've read through almost every post relating to SPRY
Horizontal Submenu issues in IE - and have done a number of things
- including upgrading to 1.6. However - nothing seems to work and
I'm at wits end. Can someone please help? The page to reference is:
www.bswiftdesign.com/millennium/claimants/index.html
The drop down menu is under "Structured Settlements". I
really appreciate anyones help!

Hi bswiftdesign,
It looks like you are trying to center menu items in the
menubar and submenus. Have you seen these samples?
http://labs.adobe.com/technologies/spry/samples/menubar/CenteringHorizontalMenuBarSample.h tml
http://labs.adobe.com/technologies/spry/samples/menubar/AutoWidthHorizontalMenuBarSample.h tml
--== Kin ==--

Spry Horizontal Submenu Bar Problem in Internet Explorer

Similar Messages

Maybe you are looking for