12 Replies Latest reply: Nov 21, 2011 9:46 AM by Al Sparber RSS

    aargh!  IE9

    guy from NM Community Member

      I have a spry menu bar that is not showing up in ie9. here is how it looks in chrome and firefox:

       

      Capture.1GIF.GIF

       

      here is how it shows up in ie9:

       

      Capture.GIF

       

      here is the code (spry code below)

       

      <!DOCTYPE HTML>

      <html>

      <head>

      <meta charset="utf-8">

      <title>Josh and Missy Hunt Sunday School training conferences</title>

      <style type="text/css">

      #container {

                width: 88%;

                margin-right: auto;

                margin-left: auto;

                /* [disabled]margin-top: 5px; */

      }

      #left {

                float: left;

                width: 300px;

                padding-top: 20px;

      }

      #middle {

                float: left;

                width: 280px;

                padding-top: 0px;

                padding-right: 10px;

                padding-bottom: 5px;

                padding-left: 10px;

                font-family: Arial, Helvetica, sans-serif;

                font-size: 16px;

                line-height: 24px;

      }

      #right {

                float: left;

                width: 290px;

                padding-right: 0px;

                padding-bottom: 5px;

                padding-left: 5px;

                text-align: right;

                font-family: "Comic Sans MS", cursive;

                font-size: 16px;

                background-color: #FFFFE6;

                margin-top: 20px;

      }

      .Date {

                font-size: 20px;

                font-weight: bolder;

                font-family: Tahoma, Geneva, sans-serif;

      }

      .Small {

                font-family: Tahoma, Geneva, sans-serif;

                font-size: 16px;

      }

      h1 {

                font-family: Tahoma, Geneva, sans-serif;

                font-size: 36px;

                line-height: normal;

                font-weight: bold;

                padding-top: 0px;

                width: 300px;

                padding-right: 5px;

                padding-left: 5px;

      }

      #container {

                margin-right: auto;

                margin-left: auto;

                width: 900px;

      }

      #menu {

                margin-right: auto;

                margin-left: auto;

                width: 900px;

      }

      </style>

      <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

      <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

      </head>

       

       

      <body>

      <div id="menu">

      <ul id="MenuBar1" class="MenuBarHorizontal">

        <li><a href="http://www.joshhunt.com">Home</a></li>

          <li><a href="../sunday-school.htm">Lessons</a></li>

          <li><a href="conference2.htm">Host a Conference</a></li>

          <li><a href="../contact.htm">Contact</a></li>

          <li><a href="../articles.htm">Articles</a></li>

          <li><a href="http://www.joshhunt.com/commendations/">Who is Josh?</a></li>

        </ul>

       

       

       

       

      </div>

       

       

           

       

       

        <div id="container">

      <div id="left"><a href="http://www.amazon.com/dp/0764440152/ref=as_li_tf_til?tag=2020vision-20&camp=14573&creative =327641&linkCode=as1&creativeASIN=0764440152&adid=0XQ9EFN86X7BBPVRV0FM&">

                  <img src="http://www.joshhunt.com/images/JH_Book_Grow300.jpg" width="300" height="450" align="top" class="auto-style3" /></a><br />

                          <br />

                          <a href="http://www.amazon.com/dp/0764420194/ref=as_li_tf_til?tag=2020vision-20&camp=14573&creative =327641&linkCode=as1&creativeASIN=0764420194&adid=0FEXN1SP7FMDN0J4D75C&">

                          <img src="http://www.joshhunt.com/images/JH_Book_Double300.jpg" width="300" height="450" class="auto-style3" /></a><br />

                          <br />

                          <a href="http://www.amazon.com/dp/0764420313/ref=as_li_tf_til?tag=2020vision-20&camp=14573&creative =327641&linkCode=as1&creativeASIN=0764420313&adid=0SVB1VHYSPW7CGJEES51&">

      <img src="http://www.joshhunt.com/images/JH_Book_Disciple300.jpg" width="300" height="450" class="auto-style3" /></a></div>

        <div id="middle"><h1>Josh and Missy Hunt training conferences </h1>

          <p>We would love to have you join us for a great time of Sunday School training. We work hard at making our training enjoyable as well as informative.  </p>

          <p>Most of these events are open to the public--you are welcome to bring a group.  Alternatively, you might consider hosting a conference of your own just before or after one of these events. Travel expenses are only $200 plus hotel and meals when I am already in the area. For details on hosting a conference, see <a href="conference2.htm">click here</a><a href="conference2.htm">.</a></p>

          <p><p><span class="Date">January 27, 2012    </span><a name="7139577600"></a><br />

      <span class="Small">

      First Baptist Church Houston<br />

      Ben Pritchett<br />

      Houston, TX  <br />

      (713) 957-7600<br />

      <a href="mailto:Ben.Pritchett@houstonsfirst.org">Ben.Pritchett@houstonsfirst.org</a><br />

      <a href="http://www.houstonsfirst.org">http://www.houstonsfirst.org</a></span>

      </p><hr></hr><p><span class="Date">January 28, 2012    </span><a name="7136637550"></a><br />

      <span class="Small">

      Houston Chinese Church<br />

      Edward Fong<br />

      10305 Main Street <br>

      Houston, TX  77054<br />

      (713) 663-7550<br />

      <a href="mailto:dr.edwardfong.email@gmail.com">dr.edwardfong.email@gmail.com</a><br />

      <a href="www.houstonchinesechurch.org/">www.houstonchinesechurch.org/</a></span>

      </p><hr></hr><p><span class="Date">January 29, 2012    </span><a name="9722387243"></a><br />

      <span class="Small">

      The Heights Baptist Church<br />

      Chris Havard<br />

      201 West Renner Road <br>

      Richardson, TX  75080<br />

      (972) 238-7243<br />

      <a href="mailto:chavard@theheights.org">chavard@theheights.org</a><br />

      <a href="http://www.theheights.org/">http://www.theheights.org/</a></span>

      </p><hr></hr><p><span class="Date">January 30, 2012    </span><a name="8705341021"></a><br />

      <span class="Small">

      Harmony Baptist Association<br />

      Jim Monroe<br />

      2001 S. Cherry St. <br>

      Pine Bluff, AR  71601<br />

      (870) 534-1021<br />

      <a href="mailto:jimatchurch@yahoo.com">jimatchurch@yahoo.com</a><br />

      <a href="http://harmonybaptistassociation.org/">http://harmonybaptistassociation.org/</a></span>

      </p><hr></hr><p><span class="Date">February 4, 2012    </span><a name="9367566601"></a><br />

      <span class="Small">

      First Baptist Church Conroe<br />

      David Lorenz<br />

      600 N. Main Street <br>

      Conroe, TX  77301<br />

      (936) 756-6601<br />

      <a href="mailto:david@fbcconroe.org">david@fbcconroe.org</a><br />

      <a href="http://www.fbcconroe.org">http://www.fbcconroe.org</a></span>

      </p><hr></hr><p><span class="Date">February 17, 2012 - February 18, 2012  </span><a name="7048821005"></a><br />

      <span class="Small">

      First Baptist Church Indian Trail<br />

      John Sprinkle<br />

      732 Indian Trail Fairview Road <br>

      Indian Trail, NC  28079<br />

      (704) 882-1005<br />

      <a href="mailto:john.sprinkle@fbcit.org">john.sprinkle@fbcit.org</a><br />

      <a href="http://www.fbcit.org">http://www.fbcit.org</a></span>

      </p><hr></hr><p><span class="Date">February 19, 2012    </span><a name="3523852222"></a><br />

      <span class="Small">

      Mount Dora Baptist Church<br />

      Fred Boone<br />

      1000 E. 1st Ave <br>

      Mount Dora, FL  32757<br />

      (352) 385-2222<br />

      <a href="mailto:FBoone@firstmountdora.org">FBoone@firstmountdora.org</a><br />

      <a href="http://www.firstmountdora.org/">http://www.firstmountdora.org/</a></span>

      </p><hr></hr><p><span class="Date">February 23, 2012 - February 24, 2012  </span><a name="5059242300"></a><br />

      <span class="Small">

      Team West<br />

      Mike Napier<br />

      Albuquerque, NM  <br />

      (505) 924-2300<br />

      <a href="mailto:MNapier@bcnm.com">MNapier@bcnm.com</a><br />

      <a href="http://www.bcnm.com/">http://www.bcnm.com/</a></span>

      </p><hr></hr><p><span class="Date">March 2, 2012 - March 3, 2012  </span><a name="3047763154"></a><br />

      <span class="Small">

      Cross Lanes Baptist Church<br />

      John Foster<br />

      Cross Lanes, WV  <br />

      (304) 776-3154<br />

      <a href="mailto:john@crosslanesbaptist.org">john@crosslanesbaptist.org</a><br />

      <a href="www.CrossLanesBaptist.org">www.CrossLanesBaptist.org</a></span>

      </p><hr></hr><p><span class="Date">March 23, 2012 - March 24, 2012  </span><a name="2292421426"></a><br />

      <span class="Small">

      MORNINGSIDE BAPTIST CHURCH<br />

      John Yates<br />

      2604 BEMISS ROAD <br>

      VALDOSTA, GA  <br />

      (229) 242-1426<br />

      <a href="http://www.morningside.ws/">http://www.morningside.ws/</a></span>

      </p><hr></hr><p><span class="Date">April 14, 2012    </span><a name="6066784159"></a><br />

      <span class="Small">

      Beacon Hill Baptist Church<br />

      Jeremy Cole<br />

      4705 South HWY 27 <br>

      Somerset, KY  42503<br />

      (606) 678-4159<br />

      <a href="mailto:bhbcjeremy@newwavecomm.net">bhbcjeremy@newwavecomm.net</a><br />

      <a href="www.beaonhillbaptist.com">www.beaonhillbaptist.com</a></span>

      </p><hr></hr><p><span class="Date">April 16, 2012    </span><a name="2708216400"></a><br />

      <span class="Small">

      Little Bethel Baptist Association<br />

      Bob Morrison<br />

      445 Thompson Avenue <br>

      Madisonville, KY  42431<br />

      (270) 821-6400<br />

      <a href="mailto:bob_morrison@bellsouth.net">bob_morrison@bellsouth.net</a><br />

      <a href="http://www.littlebethelassn.org">http://www.littlebethelassn.org</a></span>

      </p><hr></hr><p><span class="Date">April 27, 2012 - April 28, 2012  </span><a name="9125832713"></a><br />

      <span class="Small">

      Daniell Baptist Association<br />

      Robby Smith<br />

      Lyons, GA  30410<br />

      (912) 583-2713<br />

      <a href="mailto:rsmithdba@windstream.net">rsmithdba@windstream.net</a><br />

      <a href=""></a></span>

      </p><hr></hr><p><span class="Date">August 12, 2012    </span><a name="7703821977"></a><br />

      <span class="Small">

      Tabernacle Baptist Church<br />

      Richard Brown<br />

      Cartersville, GA  30120<br />

      (770) 382-1977<br />

      <a href="mailto:rbrown@tabernaclebaptist.org">rbrown@tabernaclebaptist.org</a><br />

      <a href="http://www.tabernaclebaptist.org">http://www.tabernaclebaptist.org</a></span>

      </p><hr></hr><p><span class="Date">August 27, 2012    </span><a name="7705326307"></a><br />

      <span class="Small">

      Lakewood Baptist Church<br />

      Scott Smith<br />

      2235 Thompson Bridge Road <br>

      Gainsville, GA  30506<br />

      (770) 532-6307<br />

      <a href="mailto:ssmith@lakewoodlife.org">ssmith@lakewoodlife.org</a><br />

      <a href="http://www.lakewoodlife.org">http://www.lakewoodlife.org</a></span>

      </p></div>

        <div id="right"><p style=""> <img alt="Charles Stanley" height="148" src="http://www.joshhunt.com/images/l_d0f3953b42d1ef43d9caaac5606b8ebe.jpg" width="113" /></p>

                          <p >

                            We

                            had the privilege of hosting Josh Hunt for our mid winter

                            Sunday Morning Bible Study leadership conference. The emphasis on

                            investing and building relationships is the key to reaching our society

                            today. Fellowship is premium in a world where we face an epidemic of

                            loneliness. People are looking for more than a &quot;friendly&quot; church. They

                            want a place where they can grow and develop lasting relationships that

                            will assist them in building a biblical foundation for life. If you have

                            not had the opportunity to have Josh Hunt in your church or attend one

                            of his conferences, make plans to involve your leadership. His concepts

                            will make a difference in your thinking about how simple it really is to

                            reach out to people.</p>

                          <p class="rightColumn" style="text-align: right">Sincerely,<br />

                            Charles F. Stanley<br />

                          Senior Pastor First Baptist Church Atlanta</p>

                  <p class="rightColumn" style="text-align: right"> </p>

       

                                    <p><img alt="Rick Warren" height="189" src="http://www.joshhunt.com/images/rick%20warren.jpg" width="126" /><br />

                              Josh Hunt's book should be read by all who are looking for new ways to reach people.<br />

                              Rick Warren<br />

                              Author,  <em style="font-style: normal">Purpose Driven Life</em></p>

                                    <p> </p>

                                    <p>

                                     

                                    <img height="189" src="http://www.joshhunt.com/images/evI_Ed_Stetzer.png" width="126" />

          </p>

                                Josh Hunt believes in the power of the

                          small group ministry in your church. And, his belief is contagious. In

                          his new book, Make My Group Grow, Josh presents sound application to

                          easy to understand research<br />

                          that will benefit every size and style of church. Your groups and

                          leadership will benefit from this book.<br />

                          Ed Stetzer, <br />

                          President of<br />

                          LifeWay Research, <a href="http://www.edstetzer.com">

                          www.edstetzer.com</a>

      <p class="rightColumn"> </p>

      <img height="220" src="http://www.joshhunt.com/images/john-maxwell.jpg" width="245" />

                  </p>

                          <p class="rightColumn">Growth means change. Not every change brings growth, but all growth brings change. Josh has given anyone who is serious about the Great Commission some new thoughts that call for change. If followed, I believe they will bring growth to the church.<br />

                           

                            John Maxwell<br />

          Author, 21 Irrefutable Laws of Leadership</p> </div>

      </div></div>

      <script type="text/javascript">

      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

      </script>

      </body>

      </html>

       

       

       

      spry code:

       

      @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

      {

                padding: 0;

                list-style-type: none;

                font-size: medium;

                cursor: default;

                font-family: Arial, Helvetica, sans-serif;

                width: 900px;

                margin: auto;

                overflow:hidden;

                background-color: #CCC;

      }

      /* 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;

                background-color: #000;

      }

      /* 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: 95%;

                position: relative;

                text-align: left;

                cursor: pointer;

                width: 149px;

                float: left;

                border-top-width: 1px;

                border-right-width: 1px;

                border-bottom-width: 1px;

                border-left-width: 1px;

                background-color: #CCC;

      }

      /* 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;

      }

      /* 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;

                padding: 0.5em 0.75em;

                color: #333;

                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: #000;

                color: #FFF;

                margin-right: auto;

                margin-left: auto;

      }

      /* 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: #000;

      }

       

       

      /*******************************************************************************

       

       

      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;

                }

      }

      img {

                border-top-width: 0px;

                border-right-width: 0px;

                border-bottom-width: 0px;

                border-left-width: 0px;

      }