dropDownMenu shows under div on IE
jbsabmello May 19, 2010 8:25 AMThis 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