Part of my navigation has "kind of" a pull down menu. It's more of a "fly out" than a pull down menu, but the box does appear if you mouseover the nav button. The problem is that in Safari 4.0.4, it goes behind a rotating graphic on the page. This problem does not occur on IE or FF. Only Safari. The funny thing is that the other images on the page are fine, but there is a rotating pic and that is causing a problem. I'm sure the issue is with the "fly out" www.martekdavits.com Put your mouse over "specials" in Safari. Any ideas? Michelle
Which versions of IE and Firefox are you using? I assume they are outdated because both IE 8 and Firefox 3.6 show the page the same way as Safari, which is correct. Your issue lies within the "Simple Controls Gallery" JavaScript code which operates the rotating images and seems to be designed a little selfishly. The script sets the images to be above basically anything that is placed on your web page and in the same stack, including your rollover pop-up. This was done by changing the CSS z-index (stack order) of the rotation system to 1001. To solve this issue, you must give your popup a z-index higher than 1001. In your CSS style sheet file stylesheet.css, on line 1026 after .popup { Code (markup): add z-index: 1002; Code (markup):
Hi Michelle, If your rotating graphic is a flash movie, you have to change some of your publish settings in your flash movie. Try this... It works (usually, though in the newest Safari, on only one of our PC machines in the office, both with the same version, it's still falling behind) The background of a Flash movie can be set to transparent. This allows the background color or image of the HTML page that contains the Flash movie to show through and allows the layering of Flash content with DHTML content. Preparing the HTML page to make the Flash movie transparent Three methods of creating an HTML page with the correct code are outlined below. Publishing from Flash The HTML for a Flash movie can be created using the Publish Settings feature in Flash. The Publish Settings dialog box provides an option to affect the WMODE setting. The options selected in the Publish Settings will be added to the HTML source code automatically: 1. Choose File > Publish Settings. Select the HTML tab. 2. Choose "Transparent" in the WMODE setting to make the Flash movie's background disappear in browsers which support this feature. 3. Publish the document. Using Dreamweaver Follow the below steps, and Dreamweaver will insert the correct HTML code automatically. 1. In Dreamweaver, insert the Flash movie into an HTML page. 2. Select the Flash movie in the Design View. 3. In the Properties panel, choose Parameters. 4. For the Parameter, enter "wmode" (without quotes). For the Value, enter "transparent". 5. Save the document. The HTML page is complete. Editing HTML code manually To edit an existing HTML page, add the WMODE parameters to the HTML code. 1. Add the following parameter to the OBJECT tag: <param name="wmode" value="transparent"> 2. Add the following parameter to the EMBED tag: wmode="transparent" good luck, doublel Anyone else having a problem with not being able to mouse down a flyout/drop-down menu in Safari only? Even IE is right this time.