1 Reply Latest reply on May 23, 2010 8:13 AM by Joao Mello

    dropDownMenu shows under div on IE

    Joao Mello Newbie

      This code works fine in Firefox. When I go mouse over on the Search Button there is a menu item that show over the enbebed flash, but in IE the enbebed flash show on top the menu item. Any ideas?

      <h:form>
            <rich:toolBar>
              <rich:toolBarGroup location="right">
                <rich:dropDownMenu value="Search" direction="bottom-left" jointPoint="br" styleClass="search">
                  <rich:menuItem submitMode="none">
                    <h:inputText value="" id="searchinput"/>
                    <button type="button">Search</button>
                  </rich:menuItem>
                  <rich:menuItem value="Enter your search criteria here" disabled="true"></rich:menuItem>
                </rich:dropDownMenu>
              </rich:toolBarGroup>
            </rich:toolBar>
            
        <object id="Flash_Banner" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="124">
          <param name="movie" value="${facesContext.externalContext.requestContextPath}/sponsors/docas.swf" />
          <param name="quality" value="high" />
          <param name="flashvars" value="configSource=config.xml" />
          <param name="scale" value="noscale" />
          <param name="salign" value="lt" />
          <param name="swfversion" value="9.0.45.0" />
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="${facesContext.externalContext.requestContextPath}/sponsors/docas.swf" width="200" height="124">
            <!--<![endif]-->
            <param name="quality" value="high" />
            <param name="flashvars" value="configSource=config.xml" />
            <param name="scale" value="noscale" />
            <param name="salign" value="lt" />
            <param name="swfversion" value="9.0.45.0" />
            <div>
              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            <!--[if !IE]>-->
          </object>
          <!--<![endif]-->
        </object>
            
          </h:form>
      

       

      Thanks

       

      John