Vertical & Horizontal Submenus Do Not Appear in IE 7

Both the vertical and horizontal submenus of my Spry menu bars do not appear on hover, although other parent menu items (without submenus) do highlight on hover. The menus work fine in Safari and Firefox. I appreciate any assistance anyone can provide.
I have tried all the various solutions from help sites to no avail. I have also updated my Spry assets in Dreamweaver CS4 and used the recommended IE browser hacks. After many iterations, I got both main/parent menus to appear in the correct positions in IE 7, but the submenus will not drop right or down.
Attached is the link to my homepage:
http://www.leadermarkproperties.com/homepage.html
Following is the SpryMenuBarVertical.css (followed by the source code for the homepage):
@charset "UTF-8";
/* SpryMenuBarVertical.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, a fixed width box with no margin or padding */
ul.MenuBarVertical
font-size: 100%;
width: 140px;
left: 0px;
top: 110px;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px;
z-index: 1000;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
font-size: 100%;
list-style-type: none;
position: relative;
margin: 0px;
padding: 0px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
list-style-type: none;
font-size: 100%;
cursor: default;
left: -980px;
position: absolute;
top: 0px;
z-index: 1020;
margin-left: 100%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 140px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
cursor: pointer;
background-color: #6B629B;
color: #ECE6E0;
text-decoration: none;
font-family: Arial;
font-size: 8pt;
text-align: center;
font-weight: normal;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ECE6E0;
vertical-align: middle;
height: 30px;
display: block;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #33C;
color: #ECE6E0;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #33C;
color: #ECE6E0;
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.MenuBarVertical a.MenuBarItemSubmenu
background-color: #6B629B;
background-position: 100% 100%;
/* 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.MenuBarVertical a.MenuBarItemSubmenuHover
background-color: #6B629B;
background-position: 100% 100%;
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
background-color: #6B629B;
color: #ECE6E0;
display: block;
f/loat: left;
font-family: Arial;
font-size: 8pt;
Following is the source code for the homepage):
<!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>Leadermark Home Page</title>
<style type="text/css">
<!--
#logo {
position:absolute;
width:140px;
height:60px;
z-index:1;
left: 0px;
top: 0px;
visibility: visible;
.quotes {
color: #ECE6E0;
width: 280px;
font-family: "Trebuchet MS Italic";
font-size: 9pt;
z-index: 2000;
text-align: center;
height: auto;
#services {
position:absolute;
left:140px;
top:0px;
width:560px;
height:60px;
z-index:1;
visibility: visible;
text-align: center;
#quotesbox {
position:absolute;
left:700px;
top:0px;
width:280px;
height:60px;
z-index:500;
background-color: #6B629B;
#infobar {
position:absolute;
left:0px;
top:100px;
width:140px;
height:540px;
z-index:10;
#body {
position:absolute;
left:140px;
top:100px;
width:840px;
height:540px;
z-index:-1;
visibility: visible;
body {
text-align: center;
background-color: #8D8A7D;
.boxcontroller {
background-color: #BEBDAD;
.menubarbackground {
background-color: #7D7469;
.logoboxcontroller {
background-color: #1E1D64;
.inforbarboxcontroller {
background-color: #6B629B;
.menutextfont {
font-family: Calibri;
font-size: 9pt;
#logoboxholder {
position:absolute;
left:0px;
top:0px;
width:140px;
height:40px;
z-index:10;
background-image: url(LMP%20Logo.png);
background-position: center center;
background-repeat: no-repeat;
#LMPname {
font-family: Constantia;
font-size: 12px;
color: #ECE6E0;
z-index: 100;
position: absolute;
top: 45px;
text-align: center;
height: 15px;
width: 140px;
left: 0px;
font-style: normal;
font-variant: small-caps;
#ServicesHeaderText {
font-family: Constantia;
font-size: 9pt;
color: #203168;
padding: 0px;
position: absolute;
width: 560px;
top: 10px;
visibility: visible;
left: 140px;
font-variant: small-caps;
z-index: 10000;
#servicesvisionmantra {
position:absolute;
left:140px;
width:560px;
height:20px;
z-index:11;
visibility: visible;
font-family: Constantia;
font-size: 10pt;
font-style: normal;
color: #7D7469;
top: 40px;
font-variant: small-caps;
letter-spacing: 0.2em;
#leadermarkbrochure {
position:absolute;
left:4px;
top:555px;
width:128px;
z-index:101;
font-size: 9px;
font-family: Constantia;
color: #FFF;
visibility: visible;
background-color: #6B629B;
height: 14px;
border: 2px ridge #ECE6E0;
vertical-align: middle;
padding-top: 4px;
font-variant: small-caps;
-->
  </style>
  <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
  <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
  <style type="text/css">
<!--
@import url("SpryAssets/SpryMenuBarVertical.css");
-->
</style>
  <style type="text/css">
<!--
#apDiv6 {
position:absolute;
left:744px;
top:24px;
width:240px;
height:64px;
z-index:106;
#master {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
left: 0px;
top: 0px;
width: 980px;
#quote_wrap {
width: 280px;
font-family: "Trebuchet MS Italic";
font-size: 9pt;
color: #ECE6E0;
z-index: 10000;
#apDiv1 {
position:absolute;
left:205px;
top:485px;
width:128px;
height:80px;
z-index:10;
background-image: url(fcpsite128x80.jpg);
background-repeat: no-repeat;
#apDiv2 {
position:absolute;
left:205px;
top:245px;
width:128px;
height:80px;
z-index:11;
background-image: url(groupsunset128x80.jpg);
background-repeat: no-repeat;
#apDiv5 {
position:absolute;
left:205px;
top:365px;
width:128px;
height:80px;
z-index:12;
background-image: url(qdec128x80.jpg);
background-repeat: no-repeat;
#apDiv7 {
position:absolute;
left:398px;
top:245px;
width:128px;
height:80px;
z-index:13;
background-image: url(ppcaerial128x80.jpg);
background-repeat: no-repeat;
#apDiv8 {
position:absolute;
left:398px;
top:365px;
width:128px;
height:80px;
z-index:14;
background-image: url(sbp128x80.jpg);
background-repeat: no-repeat;
#apDiv9 {
position:absolute;
left:398px;
top:485px;
width:128px;
height:80px;
z-index:15;
background-image: url(egsfarmfc128x80.jpg);
background-repeat: no-repeat;
#apDiv10 {
position:absolute;
left:591px;
top:245px;
width:128px;
height:80px;
z-index:16;
background-image: url(ORGMEETINGSHAKE128x80.jpg);
background-repeat: no-repeat;
#apDiv11 {
position:absolute;
left:591px;
top:365px;
width:128px;
height:80px;
z-index:17;
background-image: url(LP128x80.jpg);
background-repeat: no-repeat;
#apDiv12 {
position:absolute;
left:591px;
top:485px;
width:128px;
height:80px;
z-index:18;
background-image: url(flakeplan128x80.jpg);
background-repeat: no-repeat;
#apDiv13 {
position:absolute;
left:784px;
top:245px;
width:128px;
height:80px;
z-index:19;
background-image: url(menatdrwg128x80.jpg);
background-repeat: no-repeat;
#apDiv14 {
position:absolute;
left:784px;
top:485px;
width:128px;
height:80px;
z-index:20;
background-image: url(pwcplancolor128x80.jpg);
background-repeat: no-repeat;
#apDiv15 {
position:absolute;
left:784px;
top:365px;
width:128px;
height:80px;
z-index:21;
background-image: url(egs128x80.jpg);
background-repeat: no-repeat;
#apDiv16 {
position:absolute;
left:205px;
top:565px;
width:128px;
height:24px;
z-index:1;
padding-top: 5px;
#apDiv18 {
position:absolute;
left:398px;
top:565px;
width:128px;
height:24px;
z-index:1;
padding-top: 5px;
text-decoration: none;
#apDiv19 {
position:absolute;
left:591px;
top:565px;
width:128px;
height:24px;
z-index:2;
padding-top: 5px;
#apDiv20 {
position:absolute;
left:784px;
top:563px;
width:128px;
height:24px;
z-index:3;
padding-top: 5px;
.homepageboxlabel {
font-family: Calibri;
font-size: 9pt;
color: #203168;
padding-top: 5px;
z-index: 1000;
font-weight: bold;
letter-spacing: .1em;
#apDiv21 {
position:absolute;
left:205px;
top:445px;
width:128px;
height:24px;
z-index:1;
#apDiv22 {
position:absolute;
left:398px;
top:445px;
width:128px;
height:24px;
z-index:2;
#apDiv23 {
position:absolute;
left:591px;
top:445px;
width:128px;
height:24px;
z-index:3;
#apDiv24 {
position:absolute;
left:784px;
top:325px;
width:128px;
height:24px;
z-index:4;
#apDiv25 {
position:absolute;
left:205px;
top:325px;
width:128px;
height:24px;
z-index:5;
#apDiv26 {
position:absolute;
left:398px;
top:325px;
width:128px;
height:24px;
z-index:6;
#apDiv27 {
position:absolute;
left:591px;
top:325px;
width:128px;
height:24px;
z-index:7;
#apDiv28 {
position:absolute;
left:784px;
top:445px;
width:128px;
height:24px;
z-index:8;
#apDiv29 {
position:absolute;
left:155px;
top:110px;
width:810px;
height:125px;
z-index:1;
text-align: left;
letter-spacing: 0.1em;
color: #203168;
#apDiv30 { position:absolute;
left:704px;
top:9px;
width:272px;
height:50px;
z-index:1000;
font-family: "Trebuchet MS";
font-size: 9pt;
font-style: italic;
color: #ECE6E0;
text-align: center;
#apDivheader {
position:absolute;
left:705px;
top:8px;
width:272px;
height:50px;
z-index:1000;
font-family: "Trebuchet MS";
font-size: 8pt;
font-style: italic;
color: #ECE6E0;
text-align: center;
#apDivnavfooter {
position:absolute;
left:142px;
top:615px;
width:836px;
height:20px;
z-index:1101;
font-family: "Trebuchet MS";
color: #203168;
font-size: 10px;
#apDivcopyright {
position:absolute;
left:0px;
top:607px;
width:140px;
height:30px;
z-index:10000;
font-family: "Trebuchet MS";
font-size: 9px;
color: #FFF;
text-align: center;
a:link {
color: #203168;
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: underline;
color: #FF0D28;
a:active {
text-decoration: none;
a {
font-family: "Trebuchet MS";
color: #203168;
.downloadbutton {
font-family: "Trajan Pro";
font-size: 10px;
font-weight: bold;
color: #F00;
border: 2px ridge #203168;
background-color: #B3B1BE;
height: 20px;
width: 80px;
left: 54px;
#apDivdownload {
position:absolute;
left:28px;
top:583px;
width:80px;
height:20px;
z-index: 100;
text-align: center;
vertical-align: middle;
-->
  </style>
</head>  
<body>
<div id="master">
  <div id="apDivdownload"> 
<form><input type="button" value="Download" class="downloadbutton" onClick="window.location.href='leadermarkbrochure.pdf'"></form></div>
<div id="apDivcopyright"> &copy; 2011 All rights reserved<br />
  Leadermark Properties, LLC</div> 
  <div id="apDivnavfooter"><a href="sitemap.html">Site Map</a>   |  <a href="whyleadermark.html">Leadermark Commitment</a>   |  <a href="homepage.html">About Leadermark</a>   |   <a href="devinvexpertise.html">Development & Investment</a>   |   <a href="serviceslandingpage.html">Advisory & Consulting Services</a>   |   <a href="brokeragexpertise.html">Brokerage</a>   |   <a href="loginform.html">Clients & Investors</a>   |   <a href="feedback_form.html">Contact</a> </div>
    <div id="apDivheader">About Leadermark:<br />Diverse Skills, Experience & Perspective of<br />Real Estate Investment, Development & Brokerage</div>
  <div id="apDiv1"></div>
  <div id="apDiv2"></div>
  <div id="apDiv5"></div>
  <div id="apDiv7"></div>
  <div id="apDiv8"></div>
  <div id="apDiv9"></div>
  <div id="apDiv10"></div>
  <div id="apDiv11"></div>
  <div id="apDiv12"></div>
  <div id="apDiv13"></div>
  <div id="apDiv14"></div>
  <div id="apDiv15"></div>
  <div class="homepageboxlabel" id="apDiv16">Land Development</div>
  <div class="homepageboxlabel" id="apDiv18">Build-To-Suit</div>
  <div class="homepageboxlabel" id="apDiv19">Master-Planned Communities</div>
  <div class="homepageboxlabel" id="apDiv20">Mixed-Use</div>
    <div class="homepageboxlabel" id="apDiv21">Office</div>
    <div class="homepageboxlabel" id="apDiv22">Industrial</div>
    <div class="homepageboxlabel" id="apDiv23">Residential &amp; Homebuilding</div>
    <div class="homepageboxlabel" id="apDiv24">Construction &amp; Engineering</div>
    <div class="homepageboxlabel" id="apDiv25">Development Management</div>
    <div class="homepageboxlabel" id="apDiv26">Investment &amp;  Asset Management</div>
    <div class="homepageboxlabel" id="apDiv27">Brokerage</div>
    <div class="homepageboxlabel" id="apDiv28">Retail</div>
    <div class="homepageboxlabel" id="apDiv29">Leadermark Properties is a diversified real estate development, investment, brokerage, and services firm, providing its clients and investors the benefit of broad perspective and extensive experience in the creation of real estate value. Leadermark’s paradigm<br />for success is disciplined leadership with focus on the countless details of value generation.</p><p>Optimal value in the development, investment, and brokerage processes can only be achieved by those with  diverse experience, perspective, and leadership skills supporting persistent and effective attention to the people, processes, and factors that can erode value. Our expertise spans the full spectrum of the real estate field: development, investment, construction, asset management, and brokerage; and our experience encompasses all types of property: office, industrial, retail, residential, and land development.</p>
    </div>
  <div id="servicesvisionmantra">V i s i o n  •  P e r s p e c t i v e  •  L e a d e r s h i p</div>
  <div id="leadermarkbrochure">LEADERMARK BROCHURE</div>
<ul id="MenuBar5" class="MenuBarVertical">
<li class="MenuBarVertical"><a href="#" class="MenuBarItemSubmenu">Vision, Perspective, Leadership</a>
  <ul>
    <li><a href="theparadigm.html">The Paradigm of Real Estate Development &amp; Investment</a></li>
    <li><a href="thevision.html">The Vision</a></li>
    <li><a href="therisks.html">The Risks</a></li>
    <li><a href="themythofthedeal.html">The Myth of &quot;The Deal&quot;</a></li>
    <li><a href="thechallenge.html">The Challenge</a></li>
    <li><a href="whowilllead.html">Who WIll Lead?</a></li>
<li><a href="lmwilllead.html">Leadermark Will Lead</a></li>
<li><a href="onleadership.html">On Business Leadership</a></li>
  </ul>
</li>
<li><a href="whyleadermark.html">Why Leadermark?</a></li>
<li><a href="lmwillplan.html">Leadermark Will Plan</a>    </li>
      <li><a href="lmwillmanage.html">Leadermark Will Manage</a>    </li>
      <li><a href="lmwillcommunicate.html">Leadermark Will Communicate</a></li>
<li class="MenuBarVertical"><a href="devinvexpertise.html" class="MenuBarItemSubmenu">Diverse Development &amp; Investment Expertise</a>
        <ul>
          <li><a href="devinvexpertise.html">Overview</a></li>
          <li><a href="officeexpertise.html">Office</a></li>
          <li><a href="industrialexpertise.html">Industrial</a></li>
          <li><a href="retailexpertise.html">Retail</a></li>
          <li><a href="landdevelopmentexpertise.html">Land Development</a></li>
          <li><a href="residentialexpertise.html">Residential</a></li>
          <li><a href="lbeexpertise.html">Location-Based Entertainment</a></li>
        </ul>
    </li>
      <li class="MenuBarVertical"><a href="diverseskills.html">Diverse Development &amp; Investment Skills</a>    </li>
      <li class="MenuBarVertical"><a href="diversetechlexpertise.html" class="MenuBarItemSubmenu">Diverse Technical, Planning &amp; Construction Expertise</a>
        <ul>
          <li><a href="diversetechlexpertise.html">Overview</a></li>
          <li><a href="planningexpertisetable.html">Planning &amp; Design Management</a></li>
          <li><a href="aeexpertisetable.html">Architectural Engineering</a></li>
          <li><a href="constructionexpertisetable.html">Construction</a></li>
          <li><a href="structuralexpertisetable.html">Structural Engineering</a></li>
        </ul>
      </li>
      <li><a href="news1.html">Leadermark News</a></li>
      <li><a href="casestudies1.html">Case Studies</a></li>
      <li><a href="currentopportunities1.html">Current Opportunities</a></li>
      <li><a href="currentproperties1.html">Current Properties</a></li>
      <li><a href="currentprojects1.html">Current Projects</a></li>
</ul>
<div id="#servicesheader"></div>
<div class="logoboxcontroller" id="logo"></div>
<div id="LMPname">Leadermark Properties</div>
<div class="logoboxcontroller" id="logo"></div>
<div class="boxcontroller" id="services"></div>
<div id="ServicesHeaderText">Real Estate Development &amp; Investment • Consulting &amp; Advisory Services • Brokerage</div>
<div class="inforbarboxcontroller" id="infobar"></div>
<div id="menu">
  <ul id="MenuBar1" class="MenuBarHorizontal">
    <li class="MenuBarHorizontal" name="aboutleadermark">
      <div align="center"><a class="MenuBarItemSubmenu" href="#">The Leadermark Commitment</a>
        <ul>
          <li>
            <div align="center"><a href="theparadigm.html">Vision &amp; Perspective</a></div>
          </li>
          <li>
            <div align="center"><a href="whyleadermark.html">Expertise</a></div>
          </li>
          <li>
            <div align="center"><a href="background.html">Leadership</a></div>
          </li>
        </ul>
      </div>
    </li>
    <li class="MenuBarHorizontal">
      <div align="center"><a href="homepage.html">About Leadermark</a></div>
    </li>
    <li class="menutextfont">
      <div align="center"><a class="MenuBarItemSubmenu" href="devinvexpertise.html">Development &amp; Investment </a>
        <ul>
          <li>
            <div align="center"><a href="devinvexpertise.html">Expertise</a></div>
          </li>
          <li>
            <div align="center"><a href="serviceslandingpage.html">Services</a></div>
          </li>
          <li>
            <div align="center"><a href="currentprojects1.html">Current Projects</a></div>
          </li>
          <li>
            <div align="center"><a href="currentopportunities1.html">Current Opportunities</a></div>
          </li>
        </ul>
      </div>
    </li>
    <li>
      <div align="center"><a href="serviceslandingpage.html">Advisory &amp; Consulting Services</a></div>
    </li>
    <li>
      <div align="center"><a href="brokeragexpertise.html" class="MenuBarItemSubmenu">Brokerage</a>
        <ul>
          <li class="MenuBarHorizontal">
            <div align="center"><a href="brokeragexpertise.html">Expertise</a></div>
          </li>
          <li>
            <div align="center"><a href="acqdisposervices.html">Services</a></div>
          </li>
          <li>
            <div align="center"><a href="currentproperties1.html">Current Properties</a></div>
          </li>
        </ul>
      </div>
    </li>
    <li>
      <div align="center"><a href="loginform.html">Clients &amp; Investors</a></div>
    </li>
    <li>
      <div align="center"><a href="feedback_form.html" class="MenuBarHorizontal">Contact</a></div>
    </li>
  </ul>
</div>
<div class="boxcontroller" id="body"></div>
<div id="logoboxholder"></div>
<div class="quotes" id="quotesbox"></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//--></script>
</div>
</body>
</html>
Following is the SpryMenuBarHorizontal.css for the homepage:
@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: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 980px;
height: 40px;
top: 60px;
position: absolute;
z-index: 1000;
left: 0px;
/* 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: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 140px;
float: left;
font-family: Arial;
top: 0px;
/* 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: 5000;
cursor: default;
width: 140px;
position: absolute;
left: -1000em;
background-color: #7D7469;
top: 35px;
/* 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
position: relative;
left: 0px;
top: 0px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 140px;
font-family: Arial;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
/* 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: 0px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #ECE6E0;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #7D7469;
color: #ECE6E0;
text-decoration: none;
font-family: Arial;
font-size: 9pt;
height: 35px;
padding-top: 0.5em;
padding-right: 0.75em;
/* 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: #33C;
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: #33C;
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-color: #7D7469;
/* 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-color: #7D7469;
/* 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-color: #7D7469;
/* 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-color: #7D7469;
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;
filter:alpha(opacity:0.1);
z-index: 1010;
/* 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;

Gramps:
I am confused. What does your example have to to with Spry menu bar widgets, absolute positioning, and the reason my code will not drop down or right
the submenus in "Internet Exploder" ? Your code suggestions have no apparent relevance to the problem.
After a hundred iterations, I am close with my code above: it works flawlessly in all the other browsers and correctly positions the main menus in IE 7. It's only problem is that submenus do not pop up or down on hover over the main menu item. If I alter the main menu containers to relative position, the code breaks down in all browsers. Relative position seems a meaningless approach to correcting where ul.menubarvertical.ul or ul.menubarhorizontal appear. Javascript moves them into position from off screen on hover, not CSS positioning commands.
The problem seems to be not in CSS, style or absolute positioning - especially since the Spry widgets work fine in every other browser than the almighty IE - rather, it seems like the problem is the lack of compatibility in IE with Javascript, the mysterious engine of Spry assets that few of us seem to understand. We rely on the experts of costly software to guide us through the Javascript gauntlet so we do not have to learn it ourselves. The fact the menu will not load up on hover would seems to be a command incompatibility in Javascript with IE 7 (the submenus are initially off the screen to left), since everything in HTML appears appropriately in absolute position for all browsers. My amateurish guess is that Javascript alone moves the submenu from offscreen to on screen, not CSS style code. Does that seem a reasonable assumption?
Gramps, I appreciate your help, but wonder why the programmers of Spry at Adobe cannot come clean with a solution to a problem they created in a program they charge a considerable sum to license. This is not rocket science - as some of us who have been programming for decades would realize - rather, its voodoo: a silly idiosyncrasy of a low level language that neither Microsoft or Adobe care to address for idiots like me, who bought their software. I have even offered paid, expert web site development consultants to fix the problem, and they don't know their ***** from second base.
Is there no one out there to figure this glitch out in simple terms? This is not the Mission to Mars. Works in several browsers, but not in another: Why? There is a clue out there in the collective brain trust: they are just not sharing it with us mere mortals.
Gramps, thanks again for your help. You are a good person.

Similar Messages

  • Vertical Scroll bar does not appear in table control

    Hi ,
    I have a table control with both vertical and horizontal scroll bars.
    The data which comes is always more than 50 and the visible line size is 8.The vertical scroll bar
    does not appear at times..but if i run the program again, it appears..
    Sometimes it appears and sometimes no vertical scroll bar comes thought the data is more than the visible lines.
    Any suggestions ? why is this happening?
    Regards,
    Sharadha

    You have inserted data in the internal table and not "informed" the table control
    In the PBO, use a statement like
    DESCRIBE TABLE <itab> LINES <control>-lines.
    Regards

  • Horizontal scroll bar not appearing-Alert report screen

    Hi All,
    I have an agent setup which shows alerts and a report is fed as an input/delivery content. The report is fairly big with many columns and cannot fit in the standard alert screen hence need a horizontal scroll bar to view all the columns. But unfortunately there are two vertical scroll bars which are appearing and no horizontal scroll bar. Could the experts please let me know if this is a bug or is there any configuration that I am missing?
    OBIEE version: 11.1.1.5
    Any help would be appreciated.
    Thanks,
    Vikram

    Hi,
    Sorry for the delay in response. The issue was because of IE7 version. Its a bug.
    Thanks,
    Vikram

  • Submenus do not appear

    Here is the code for my spry vertical menu where the submenus do not show up, either in the browser or in DW.  The menu item is TRAINING, with submenus Training Course Schedule, Course Drawings and Testimonials.  Also, do I have to put a link in the top menu item when I have submenus? Or just links in the submenus?  Thanks for your help.   ~Patti
    <!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/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="#index.html" title="DM Consulting home page">HOME</a>  </li>
      <li><a href="#outline.html" title="See the outline of our Training Course" class="MenuBarItemSubmenu">TRAINING</a>
        <ul>
    <li><a href="#train_sched.html" title="Locations &amp; dates of our Training Courses">TRAINING COURSE SCHEDULE</a></li>
          <li><a href="#drawings.html" title="Dry dock course drawings">COURSE DRAWINGS</a></li>
          <li><a href="#testimonials.html" title="Read what our clients have to say">TESTIMONIALS</a></li>
        </ul>
      </li>
      <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a>  </li>
      <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
      <li><a href="#consulting.html" title="Dry Dock Consulitng">CONSULTING</a></li>
      <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
      <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
      <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
    </ul>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    Here is the code for my spry vertical menu where the submenus do not show up, either in the browser or in DW.  The menu item is TRAINING, with submenus Training Course Schedule, Course Drawings and Testimonials. 
    There is nothing wrong with the markup that you have show, tests in all browsers have shown the submenus. The tests were performed using the original Spry JS and CSS files and conducted in IE7/8, FF and Chrome
    Also, do I have to put a link in the top menu item when I have submenus? Or just links in the submenus?
    Just links in the submenus.

  • Horizontal guide would not appear out of the top ruler since Indesign was installed on new computer.

    I feel so frustrated because I cannot get the horizontal guide to appear out of the top ruler since I installed Indesign on my new computer. I can get the vertical guide out of the left ruler like always. I have searched the net and came across a way to get the horizontal guide (by double clicking on the left ruler) and also to get one by changing a vertical guide into a horizontal one (alt clicking while dragging). I was just wondering why would I not get the guides as always from both rulers? If anybody can help me, I would really appreciate it!

    I forgot to mention that I am using Adobe Indesign CS5.

  • RH9 submenus do not appear; pc "dings" on mouse click

    Edition: RH HTML
    Version RH9
    When I click on a submenu like File>Open or File>Import>HTML, at the moment the dialog box should appear, the cursor momentarily changes to the "spinning circle" (Windows 7) as if a dialog box is going to open, but then nothing happens. The cursor returns to the arrow. When I click anywhere on the screen, the computer beeps as if it's waiting for a interaction with a dialog box -- one that is not visible. RH doesn't seem to be locked up, it just seems like a dialog box has popped off the monitor and I can't get it back.
    This even happens on the initial RH screen when I click "Open". I must end the program in Task Manager in order to restart RH. This problem happens with any project, including the samples.
    RH was working fine before this happened about a week ago. I was going to import an .html file and it seems like I clicked too fast or somewhere on the edge of the menu hotspot or something -- like I almost clicked in the right place, but didn't. Suddenly, I just got beeps when I clicked.
    My troubleshooting attempts:
    Resizing the screen, resetting pods, closing pods, tile/cascade windows...
    Uninstall/install RH9
    Search the forum. Found a simlar topic called "HELP! Preview Topic has stopped working". Printed and tried the steps suggested for making changes in the Registry, but the directory/file structure didn't match mine, so I didn't make any changes.
    Please help soon. I'm having to use an auxilliary computer that is much slower.
    Thanks in advance,
    Shelley

    Hi there
    In RoboHelp 9 you click the Workspace and choose Default. But I'm doubtful that this will actually help things.
    The symptom you are describing sounds exactly like a situation where a dialog is appearing, but you are unable to see it for whatever reason. With a second monitor, we usually see folks that were using a second monitor, then disconnected it. The problem is that the dialog is expecting to appear on the second monitor and you cannot see it because it isn't connected.
    You might try downloading a copy of MurGeeMon and see if you can use that to manipulate the windows.
    Click here to visit the MurGeeMon site
    Cheers... Rick
    Helpful and Handy Links
    RoboHelp Wish Form/Bug Reporting Form
    Begin learning RoboHelp HTML 7, 8 or 9 within the day!
    Adobe Certified RoboHelp HTML Training
    SorcerStone Blog
    RoboHelp eBooks

  • Spry Horizontal Menu Submenus Won't Appear - Help

    OK, I have a Spry Horizontal Menu Bar done through DW CS5. The root menu items work just fine. And the arrow graphics indicating there are submenus are shown, however when you hover over the main menu item the submenus do not appear in browser preview. The spry menu bar is located in the header div above a main content div and a sidebar div (two column layout). Interestingly enough if I drop a new menu bar in the main content div with sample submenus it works fine, so the css file must be ok because they both read off the same css file.
    My only assumption is there is something in the header code which conflicts with the submenus and is not allowing the submenus to appear. Unfortunately I can't post it only in a test location as I am reworking an existing website and when I post the new css file it will obviously change the existing website.
    But here is some of the relevant code. First the HTML for the section in question.
    I very much appeciate any advice.
    Home     
    Biography
    Blog
    Riding
    Resources      
    Provincial
    Municipal
    Federal
    Education
    Community
    International
    Liberal Party
    Media      
    News Releases
    Newsletters
    Columns
    Photo Gallery
    Multimedia
    RSS Feeds
    Contact
    Now the CSS for the menu bar:
    @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: auto;      padding: 0;      list-style-type: none;      font-family: "Times New Roman", Times, serif;      font-size: medium;      font-weight: bold;      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: 100%;      position: relative;      text-align: center;      cursor: pointer;      width: 108px;      float: left;      } /* 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 0 0 50%;      padding: 0;      list-style-type: none;      font-size: 80%;      z-index: 1020;      cursor: default;      width: 108px;      float: none;      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: 108px; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul {      position: absolute;      margin: -5% 0 0 95%;      z-index:1030; } /* 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: none;      top: 0;      z-index:1040; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul {      border: 1px solid #CCC;       } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a {      display: block;      cursor: pointer;      background-color: #000;      padding: 5px 5px;      color: #FEFEFE;      text-decoration: none;       } /* 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: #323232;      color: #FEFEFE; } /* 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: #323232;      color: #FEFEFE; } /******************************************************************************* 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: 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(SpryMenuBarDownHover.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;      } } 
    And lastly the Css code for the whole thing...
    @charset "utf-8"; body  {      font-family: Verdana, Geneva, sans-serif;      margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */      padding: 0;      text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */      }       .twoColFixLtHdr #container {      width: 760px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */      margin: 0 auto auto auto; /* the auto margins (in conjunction with a width) center the page */      border: 2px solid #000;      text-align: left; /* this overrides the text-align: center on the body element. */      }       .twoColFixLtHdr #header {            padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */      border: 0px solid #000;             } .twoColFixLtHdr #header h1 {      margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */      padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */       } .twoColFixLtHdr #sidebar1 {      float: left; /* since this element is floated, a width must be given */      width: 200px;      font-size:12px;      color:#FEFEFE;      background: #000;      border-top-width: 1px;      border-right-width: 2px;      border-bottom-width: 2px;      border-left-width: 1px;      border-top-style: solid;      border-right-style: solid;      border-bottom-style: solid;      border-left-style: solid;      border-top-color: #000;      border-right-color: #660000;      border-bottom-color: #000;      border-left-color: #000;      padding-top: 1px;      padding-right: 0px;      padding-bottom: 1px;      padding-left: 1px; } .twoColFixLtHdr #mainContent {      margin: 0 0 0 204px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */      padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */      background:#660000;      } .twoColFixLtHdr #videomainContent {      margin: 0 0 0 200px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */      background: #323232;      padding-left:100px      } .twoColFixLtHdr #singleframe {      background: #323232;      }       .twoColFixLtHdr #footer {      padding: 0 10px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */      font-size:12px;      color:#FEFEFE;      background:#000;      border: 1px solid #000;            } .twoColFixLtHdr #footer p {      margin: 0 0 0 270px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */      padding: 20px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */      clear:both;     height:0;     font-size: 1px;     line-height: 0px; } br{font-size:10px} a:link {color:#FEFEFE} a:visited {color:#FEFEFE} a:hover {text-decoration:none;} #mainContent a:link {color:#000; text-decoration:none} #mainContent a:visited {color: #000; text-decoration:none} #mainContent a:hover {      text-decoration:underline; } #mainContent a:active {color:#000;text-decoration:none}   .red{     color:#4C0000;} .w1{font-size:14px;     color:#FEFEFE;} .w2{font-size:12px; color:#FEFEFE;} .w3{font-size:large; color:#FEFEFE;} .b1{font-size:14px; color: #000; font-weight:bolder} .sidehline{      float: left; /* since this element is floated, a width must be given */      width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */      padding: 0px 0px 0px 0px; }       .b{font-size:12px; color:#000000; } .topbtmmargin {      margin-top: 20px;      margin-bottom: 20px; } .SidebarPadding {      padding-top: 0px;      padding-right: 10px;      padding-bottom: 0px;      padding-left: 10px; } .FrontImage {      border: 5px ridge #323232;      float: left;      margin-right: 10px;      margin-bottom: 10px;      margin-top: 0px; } .FrontImageFltRgt {      border: 5px ridge #323232;     float: right;      margin-left: 10px;      margin-bottom: 10px;      margin-top: 20px; } .mapRgt {      float: right;      padding-left: 5px;      padding-bottom: 10px;      border: none;       } .sigRgt {      float: right;      padding-left: 5px;      margin-right: 60px;      padding-bottom: 10px;      margin-top: 10px;       } .textfntrgtcol {      padding-left: 200px;      font-size:12px;      color:#000000; } .textfntlftcol {      padding-right: 210px;      font-size:12px;      color:#000000; } .twoColFixLtHdr #container #mainContent ul li {      list-style-type: none;      list-style-position: outside;      list-style-image: url(images/blackbullet.gif); } .leftpicture {      border: 5px ridge #323232;      position: absolute;      z-index: 20;      height: 140px;      width: 180px;      margin-top: 10px;      margin-right: 10px;      margin-bottom: 10px;      margin-left: 210px;      left: 150px;      top: 326px; } img {      border-style: none; } .grooveimg {      border: groove; } #apDiv1 {      position:absolute;      width:200px;      height:115px;      z-index:1;      left: 0px;      top: 0px;      visibility: visible; } #apDiv2 {      position:absolute;      width:155px;      height:123px;      z-index:2;      left: 5px;      top: 4px;      visibility: visible; } #apDiv3 {      position:absolute;      width:335px;      height:122px;      z-index:3;      left: 173px;      top: 3px;      visibility: visible;      color:#FEFEFE; } #apDiv3 a:link {color:#FEFEFE} #apDiv3 a:visited {color: #FEFEFE} #apDiv3 a:hover {text-decoration:none;} #apDiv3 a:active {color:#FEFEFE} #apDiv4 {      position:absolute;      width:120px;      height:45px;      z-index:4;      left: 390px;      top: 105px;      visibility: visible; } #apDiv5 {      position:relative;      width:200px;      height:115px;      z-index:5; } .menubarWrapper {      background-color: #000;      float: left;      width: 100%; }

    Move the constructor for the menu bar up to read as follows
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    swfobject.registerObject("FlashID2");
    swfobject.registerObject("FlashID2");
    swfobject.registerObject("FlashID3");
    //-->
    </script>
    Gramps

  • Horizontal Spry Submenu does not appear correctly in IE

    I am building a site in Dreamweaver CS5 and my spry submenus do not appear correctly in IE.   I work on a mac, but have been checking my work on a pc.   I have tried looking through other posts and have made some corrections (I at least got the submenus to appear vertically instead of laterallly in IE) but still have two problems:
       * The submenus are shifted to the right rather than aligning under the menu headings
       * One one menu (Attorneys) the submenus appear above, rather than below, the menu heading
    Here is the website and I am really hoping someone can help!  I've spent several hours trying to figure this out with no luck.
    http://webdesign.protas.org/olg/English/olg%20eng.html

    1. Especially IE takes offence to the DOCTYPE declaration not being on the first line
    2. There is no end tag for the HEAD section
    3. Your use of the Library Item for the menubar is not correct
    Please have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwebdesign.protas.org%2Folg%2FEngl ish%2Folg%2520eng.html
    Gramps

  • Horizontal scroller not appearing despite viewport being larger than scoller area

    I have a few datagrids which I have rotated 270 degrees so the header will be on the left side. I have contained these datagrids in a VGroup so they would be stacked on top of  each other. Everything looks as I want it, but the horizontal scroller will not appear. The Columns are very tall and go off the screen and I cannot scroll to the right to see them. I have tried everything. I've made the scroller width smaller and nothing changes. I've added an HGroup and then  Group to contain the VGroup and still no change. Any idea how I can get this scroller to work? Here is what my code looks like
    <s:Scroller id="scroll" width="100%" height="100%" horizontalScrollPolicy="on">
            <s:Group width="100%" height="100%">
            <s:VGroup gap="10" width="100%" height="100%">
                <s:DataGrid id="dgWeeks" rotation="270" dataProvider="{user.weeks}" sortableColumns="false" horizontalScrollPolicy="off"
                            verticalScrollPolicy="off" width="100%" height="100" top="0"styleName="defaultDataGrid" editable="true">
                    <s:columns>
                        <s:ArrayList>
                            <s:GridColumn dataField="date" headerText="Date" editable="false" width="36" itemRenderer="components.itemRenderers.Unrotate" />
                            <s:GridColumn dataField="weekNo" headerText="Week #" editable="false" width="36" itemRenderer="components.itemRenderers.UnrotateWeekNo"  />
                        </s:ArrayList>
                    </s:columns>
                </s:DataGrid>    
                   <s:DataGrid id="dgWeeks" rotation="270" dataProvider="{user.weeks}" sortableColumns="false" horizontalScrollPolicy="off"
                            verticalScrollPolicy="off" width="100%" height="100" top="0" styleName="defaultDataGrid" editable="true">
                    <s:columns>
                        <s:ArrayList>
                            <s:GridColumn dataField="date" headerText="Date" editable="false" width="36" itemRenderer="components.itemRenderers.Unrotate" />
                            <s:GridColumn dataField="weekNo" headerText="Week #" editable="false" width="36" itemRenderer="components.itemRenderers.UnrotateWeekNo"  />
                        </s:ArrayList>
                    </s:columns>
                </s:DataGrid>
               </s:VGroup>
            </s:Group>
        </s:Scroller>

    Try setting minWidth=0 on the DataGrids

  • Horizontal submenus not dropping down correctly in IE7

    Hello, I am hoping somebody can help.
    I have a vertical and a horizontal menu bar in my page - the vertical seems to be ok; but the horizontal menubar has submenus and they do not drop down correctly from the menu bar in IE7. They work fine in Firefox.
    In my site for net newbies, this submenu is supposed to drop down from the main menu, not appear from the top of the browser.. any ideas?
    Thanks for any help
    The CSS looks like this:
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
    /* 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: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: auto;
        background-image: url(C
    :\Documents and Settings\Gregory\My Documents\BUILDINGAWEBLIFE_COM\img);
    /* 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: 14px;
        position: relative;
        text-align: center;
        cursor: pointer;
        width: 225px;
        float: left;
    /* 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: 225px;
        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: 225px;
    /* 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;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        background-color: #CCCCCC;
        padding: 0.5em 0.75em;
        color: #0000DF;
        text-decoration: none;
        background-image: url(../img/orange.jpg);
        background-position: center center;
    /* 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: #33C;
        color: #FFFFFF;
    /* 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: #33C;
        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(../img/orange.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    /* 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(SpryMenuBarDownHover.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;
    /* 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;

    Update to 1.6.1 if that doesn't help, provide us with a online url.

  • After update to O/S 7.1.2 my iPad2 is stuck on Vertical Orientation and will not shift to horizontal as it has in the past.  How can I get the flexible orientation back??

    After update to O/S 7.1.2 my iPad2 is stuck on Vertical Orientation and will not shift to horizontal as it has in the past.  How can I get the flexible orientation back??

    I agree with what FoxFifth has said, but I want to add a little to the discussion and put my own twist on the explanation.
    If you see a lock icon in the upper right corner of the screen - then the screen orientation is locked.
    Try the side switch above the volume rocker first and see if that unlocks the screen.
    If you are running iOS 7, swipe up from the bottom of the screen to get to the control center and the lock icon is in the row of icons at the top all the way to the right.
    If the screen is unlocked but still will not rotate, reset the iPad.
    Reset the iPad by holding down on the sleep and home buttons at the same time for about 10-15 seconds until the Apple Logo appears - ignore the red slider - let go of the button

  • Vertical scrollbar does not appear

    Hi all!
    Here is my problem.
    I have a JPanel on a JScrollPane (called: container).
    I have an other class which extends JPanel (called: component).
    I have a JButton which adds a new from component to container on every click. (container's layout is null, and I use the setBounds method on component).
    After every adding I've just set a new height to the container (setSize(container.getWidth(), container.getHeigth()+100)), but vertical scrollBars of JScrollPane does not appear.
    I tried to call the revalidate, repaint methods on the container but it did not work.
    Please help me!

    Which JScrollPane constructor are you using? If you're using one that does not specify scrollbar policy parameters, horizontal and vertical scrollbars only appear if the component's contents are larger than the view. You can of course set a JScrollPane's scollbar policies by calling the appropriate mutator methods: setVerticalScrollBarPolicy and setHorizontalScrollBarPolicy.

  • TS3274 I went to an Apple store yesterday and the guy there did something and now the ipad only works in the vertical (portrait) position and not the horizontal (landscape) position.  How can we make it work in both positions?

    I went to an Apple store yesterday and the guy there did something and now the ipad only works in the vertical (portrait) position and not the horizontal (landscape) position.  How can we make it work in both positions?

    Just in case you are not running iOS 7 and don't have the control center feature.....
    If you see a lock icon in the upper right corner of the screen - then the screen orientation is locked.
    Try the side switch above the volume rocker first and see if that unlocks the screen. If that doesn't do it and you are running iOS 5 or 6, double tap the home button and swipe to the right and look for the lock icon all the way to the left.
    If you are running iOS 7, swipe up from the bottom of the screen to get to the control center and the lock icon is in the row of icons at the top all the way to the right.
    If the screen is unlocked but still will not rotate, reset the iPad.
    Reset the iPad by holding down on the sleep and home buttons at the same time for about 10-15 seconds until the Apple Logo appears - ignore the red slider - let go of the button

  • HT4623 My iphone 5 seems to be stuck in the horizontal view when I'm in the message mode.  In all other views I can turn the phone 90 degrees and horizontal to vertical works fine.  Not sure what the problem is.

    My iphone 5 seems to be stuck in the horizontal view when I'm in the message mode.  In all other views I can turn the phone 90 degrees and horizontal to vertical works fine.  Not sure what the problem is.

    I found a solution!
    Perhaps this is just temporary, but I have my display up and working again.
    Although the symptoms are different were a bit different, the solution here worked:
    http://apple.stackexchange.com/questions/120259/grey-screen-after-login-blue-scr een-of-death-from-cmdr
    As I was able to connect to my HD via an external monitor, in the finder, I went to:
    1. Macintosh HD --> System --> Library --> Extensions
    2. From there I moved all of the files that started with ADM and ATI (19 in total for me) to a folder on my desktop. (You will need to enter your admin password for this)
    3. Next was a restart.
    4. Then my display started working again.
    5. After that, I transferred the files back into my Extensions folder.
    6. I then did another restart with my fingers crossed and breath held. It worked.
    Also... During the last few days of trying to find a fix, I restored a Mavericks backup to my computer away from Yosemite.
    I'm very sure this problem occurred when I put my MBP to sleep, disconnected the power in its sleep, while something was connected to a USB port and unplugging the USB device (for me an iPhone charger) while the MBP was closed.
    I hope this helps the next person.

  • Spry menu bar does not appear over flash elements in I.E. 8

    Hi, My spry menu bar does not appear over any flash elements in I.E. 8. Every other browser it workd fine. Can anyone please help? Thanks
    A link to one of the pages is http://www.innervisionfilms.tv/pages/showreel.html
    My spry code is
    @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: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: auto;
        font-family: Verdana;
        color: #000033;
        font-weight: bold;
    /* 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: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 130px;
        float: left;
    /* 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: 8.2em;
        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: 8.2em;
    ul.MenuBarHorizontal ul li a
        width: 10.2em;
        background-color: #4E81B4;
        left: auto;
        background-image: 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-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #FFFFFF;
        border-right-color: #FFFFFF;
        border-bottom-color: #FFFFFF;
        border-left-color: #FFFFFF;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        background-color: #EEE;
        padding: 0.5em 0.75em;
        color: #000033;
        text-decoration: none;
        font-family: Verdana;
        font-size: 11px;
        background-image: url(../pagelayout/menubg.jpg);
        font-weight: bold;
        border: 1px solid #003366;
    /* 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: #003366;
        color: #FFFFFF;
    /* 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: #003366;
        color: #FFFFFF;
    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(../pagelayout/menubg.jpg);
        background-repeat: repeat;
    /* 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(../homepagelayout/greenbarbg.jpg);
        background-position: 95% 50%;
        background-repeat: repeat;
    /* 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(SpryMenuBarDownHover.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 still can't find a solution. Changing the parameter wmode:transparent works for .swf files but .flv files do not have the option to add this parameter. If you add it in the script manually it doesn't do anything. Any help would be greatly appreciated. I cn't find any solution online.
    Thanks,
    Adam

Maybe you are looking for

  • Windows 7 Home Premium SP1 64bit (OEM) System Builder

    I am trying to build by own custom PC and make it easily upgradable in the future. I am not sure what to get for the OS. I heard that Installing: Windows 7 home premium sp1 64-bit (oem) system Builder will tie with all my hardware indefinitely (that

  • How to remove duplicates while joining two query results ?

    Hi all, Please, anyone suggest me how to do below one.. i am using oracle version 11.2.0.3.0 Col_1 Col_2 111 AAA AAA 111 222 BBB 333 CCC As, oracle point of view the above table contains distinct rows. But i need the logic result like below, Col_1 Co

  • Why does the black iPhone 5 not have a front mic?

    I noticed that the white iPhone 5 has a front mic while the black does not. How come?

  • How to change VPN peer address on ASA 5520

    Environment: ASA 5520 running 7.2(1) IPSEC L2L VPN established using Wizard. The IP address of the remote peer needs to change. Using ASDM, I cannot change the Tunnel Group name (which is currently the peer address). I can change the peer address in

  • ODI Flat Files

    Hi Frnds, I'm working on reverse engg. source : Flat files (Demo files which are available by ODI : SRC_AGE_GROUP) I copied the SRC_AGE_GROUP file from C:\ODI\oracledi\DEMO\File to C:\Source\file Intially, in the topology i created a data server for