IFrame not working in IE

Hello,
I have a page that utilizes an IFrame - http://www.freddoubleday.com/testSite/listen.html. In FF and Safari, when you click on one of the "Play" buttons, the IFrame changes to display the lyrics for that song. However, in IE this does not happen. Does anyone know how I can fix this with a hack, etc...? If not, can you think of a better way to accomplish my goal without an IFrame? Thank you for reading, and any help you may be able to offer! I would love the help!
Cheers,
A.B.

This page is not found on server
http://www.freddoubleday.com/testSite/lyrics/meredith.html
Code errors can cause problems with browser rendering:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.freddoubleday.com%2FtestSite% 2Flisten.html
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. freddoubleday.com%2FtestSite%2Flisten.html
Also may wish to add allowtransparency="true" attribute to your iFrame code for IE.
Iframe Attributes:
http://www.w3schools.com/TAGS/tag_iframe.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

iframe not working correctly in IE9

Hi Guys,
I designed and developed a site for a client. He requested that we put 3 international clocks that sync with our South African time to display the times in 3 other countries. He actually supplied me with and <iframe> tag that he got off a site that does so without having to write Javascript for the clocks. I used the <iframe> tags and it works perfectly in 4/5 browsers I tested in (Firefox 5, Navigator, Safari and Chrome) but for some odd reason it does not work 100% in IE9. It shows the correct time but the actual clock image is not rendered. It shows the time as digital instead of analog time on an analog clock as on the original site and the other browsers.
Do any of you know if this is just an IE setting that can be changed or is it not recognising the HTML5 <iframe> tags? Any assistance will be appreciated.
Thanks,
Owen

I tested it in my IE9 on Vista and it works fine.
Can you view other Flash content in IE9?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

IFrame not working as "Add-on" in Xcelsius Enterprise

Hello everyone,
I'm facing a problem with iFrame.
Environment Info:
Adobe Flex Builder 3, SDK 2.0.1 - Hotfix 3, build 3.0.2.214193 , running on Windows Vista;
Xcelsius Add-On Packager, version 2.1, running on Windows Vista;
Xcelsius Enterprise 5.3.0.0 (Build Number 12,3,0,670), running on Windows Vista;
This is the challenge:
In Adobe Flex Builder 3, I use the iFrame to visualize an HTTP call to an APSX page with parameters (e.g. http://192.168.x.x/somedir/Default.aspx?PAR1=a&PAR2=b).
It works fine when running in Flex Development (although only on Mozilla Firefox, NOT on IE).
Then I use the Xcelsius Add-On Packager to Build the package: I mean to create the .XLX file.
Finally, I import as "Add-on" in Xcelsius Enterprise 5.3.0.0 the .XLX file, but when I try to use the component, it doesn't work.
Any suggestion?
Thanks!

I'm not sure.
If you can fix it for IE it may work better because the Xcelsius designer uses the ActiveX (the one used by IE) Flash Player for the design time canvas, property sheet and when you preview.
Regards
Matt

SharePoint 2013 + exchange 2010 - use owa in iframe not working

SharePoint 2013 + exchange owa 2010
I test it on sharepoint 2010, use PageViewer or iframe to embed owa 2010 in sharepoint page, it works fine.
But when I tried the same in sharepoint 2013, the initial display of owa looks ok. But when I tried to click buttons in owa or switch to other tab like draft or calendar, nothing happened.
I also tried to embed webparts of owa like https://exchange01/owa/?cmd=contents&fpath=inbox or https://exchange01/owa/?cmd=contents&fpath=drafts, it's the same .
Is there some security control or js conflicts in sharepoint 2013?
Any way to get around this?
Any help is well appreciated, thanks!

Hi,
I would verify if the issue happens on another computer (IE 10) as well.
1. Try to clear the cookies, caches and temporary files.
a. Open Internet Explorer by clicking the Start button. In the search box, type Internet Explorer, and then, in the list of results, click Internet Explorer.
b. Click the Tools button, and then click Internet options.
c. Click the General tab, and then, under Browsing history, click Delete.
d. In the Delete Browsing History dialog box, select Temporary Internet files, click Delete, and then click OK.
2. Open the sites in Compatibility View and see how it works.
PROBLEMS WITH INTERNET EXPLORER 10 (IE10) AND SHAREPOINT
http://corypeters.net/2012/10/problems-with-ie10-and-sharepoint/
Thanks.
Tracy Cai
TechNet Community Support

Report navigation not working when accessed through IFrame in mozilla

Hi,
We integrated a OBIEE report in our web application and displaying through IFrame.
We have functionality to navigate and show a report when user clicks on graph.
This is working fine in IE6 but it is not working in Mozilla firefoxv3.x.
And the code snippet looks like below:
<iframe src="http://10.4.10.10:9704/analytics/saw.dll?PortalPages&PortalPath=/shared/Nexant123/_portal/DAC Exceptions&nquser=Administrator&nqpassword=Administrator" > </iframe>
Error we are getting:
Error: Permission denied to get property Window.getAnswersWorkspaceSyndicate
Source File: http://10.4.80.160:9704/analytics/res/b_mozilla/viewhelper.js
Line: 653
Line in viewhelper.js creating problem:
653: if (bPortal && parent && parent.getAnswersWorkspaceSyndicate)
654: {
655: var tSyn = parent.getAnswersWorkspaceSyndicate();
656: if (tSyn && tSyn.newWorkspaceModule(tForm.action + "&" + saw.convertFormToString(tForm)))
657: return;
658: }
NQWSubmitFormWithView(tForm,tNavInfo.sViewID,null);
-Gopal.

Hi Joe,
Thanks for the reply but after appending "Dashboard" in the URL instead of PortaPages this doesn't work.
The actual URL is like this:
http://10.6.90.120:9704/analytics/saw.dll?Dashboard&PortalPath=/shared/nexant123/_portal/usage&Page=Summary%20Report%20for%20Customer&NQUser=Administrator&NQPassword=Administrator&Action=Navigate&P0=1&P1=eq&P2='Service%20Delivery%20Point'.'SDP%20Id'&P3=1
Could you please forward me the snippet you are using or some websites where I can find the OBIEE Iframe integration steps.
-Gopal.
Edited by: Gopal D on Jan 18, 2010 3:01 AM
Edited by: Gopal D on Jan 18, 2010 3:01 AM

Printing an iframe with pdf using javascript is not working in IE8 and above

I have a problem with printing and Iframe with PDF in IE 8 and above
Following is my javascript:
var urlValue="";//Path of the file to be printed
var div = document.getElementById("printerDiv");
div.innerHTML = '<iframe src="' + urlValue + '" id="frame" name="frame" style="width:100%;height:100%;"></iframe>';
frame.focus();
frame.print();
This same thing is working fine in other browser but for IE is just not invoking the print dialog.
Also I tried to get the frame.print(); on load of the frame but even that is not working exactly as that way it print the parent window in output.
Few things I tried like:
1) div.innerHTML = '<iframe src="' + urlValue + '"
onload="this.contentWindow.print();"></iframe>';
2) frame.contentWindow.focus();
frame.contentWindow.print();
3) window.document.getElementsByTagName('iframe')['frame'].onload = (function () {
frame.focus();
frame.print();
I need to get the print of only the content which is in Iframe which I am binding in "printerDiv" by javascript.
Any perfect/different solution from which I have tried then please post here?
Thanks.

PDF documents are hosted in an ActiveX or netscape plugin control which have their own printing functions.
Start>Adobe Reader>Edit>Preferences - to adjust what functionality the PDF document viewer addon displays (menus etc).
Tools>Manage Addons>Show all addons
make sure you have both the x86 and x64 versions of your PDF reader Active X control installed and enabled. I would recommend also that you update to the latest version of the vendors' (Adobe?) plugin.
Possibly you have disabled scripting of ActiveX controls in the IE security zone that your parent page maps to. Also there is an IE security zone feature that prevents navigation to a domain in a zone of lower integrity.
Tools>Internet Options>Security tab, click "Reset all zones to default".
when asking developer related questions it is helpful if you can include a link to your website.
Rob^_^

ADF Tabe's Pagination link does not work when embedded in iframe

Hi experts,
When I embedded ADF table(with JSF) in iframe like below code, the pagination link does not work. Is it a known bug?
<iframe width=100% height=500 src="http://rst-act3ct2.us.oracle.com:8888/test/faces/modify.jspx" frameborder="0" scrolling="no"></iframe>
When I use <object> instead of <iframe>, the pagination works again. However, <object> could not be used in my project.
Any idea on it?
Thank you in advance.
Regards,
Tony

Hi,
if you are on JDeveloper 10.1.3 then chances are that the problem can be pointed back to the mismatch of HTML and JavaServer Faces. At least you should make sure you work with a recent JDeveloper 10.1.3 release
Frank

base target='_top' not working iframe head

i have dynamic loaded iframe in my application . when i click on the link inside the iframe i want to load the new page in parent window.i have manually added <base target='_top'> in the iframe head section . but link is displaying inside the iframe not in parent window. it is working all browsers excpet firefox.

A good place to ask questions and advice about web development is at the MozillaZine Web Development/Standards Evangelism forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25
You need to post a link to the website or post relevant parts of the code.

Ifram flash widget not working in Firefox

Hi everyone,
Here is another case of compatibility with firefox.
http://web.mac.com/morizet/SophiaMorizet/Film%26TV.html
Uploaded with Iweb 9
tested with Firefox 3.6
Could it be an iframe issue ? here is my code
<iframe width="775" height="300" frameborder="0" src="http:/web.me.com/morizet/deploy/preview.swf"></iframe>
Thanks for your help
S

Thanks Rody,
Thanks for looking.
The URL is working by itself in both Safari and Firefox.
From another Mac and through the webpage, only Safari is working.
In a PC with IE it is not working, same message. URL not sound.
If the code is good and the URL too, what could it be ?
The location of the folder ?
I don't get why Safari finds it but not the other browsers.
Best
S

IFrames not supported for my secure work portal. Nb this also happens with IE9

I have a secure internet portal to log into for my work email. We use iNotes.
I login using a user name, a password, a four digut code in conjunction with an RAS token. I can get into the website ie authenticated, but when trying to get to the home page or iNotes home page I get an 'iFrames not supported' message. Note I also get this for ie 9 (x32 and x64). Having said this iNotes does not 'play' at all well in IE8 and higher...it has always worked well in Firefox until v4.0. Also not much help from the IBM web support page for iNotes.

- See:
iPod touch: Hardware troubleshooting
- Try another cable. Some 5G iPods were shipped with Lightning cable that were either initially defective or failed after short use.
- Try another charging source
- Inspect the dock connector on the iPod for bent or missing contacts, foreign material, corroded contacts, broken, missing or cracked plastic.
- Make an appointment at the Genius Bar of an Apple store.
Apple Retail Store - Genius Bar

Anchors not working properly when site is iFramed

I've just updated Muse (version 4.0). I've always used anchors in previous sites (with previous Muse versions) and iFramed these sites (for my company's needs). Well, my last site, built with 4.0 has all anchors working well after exported. BUT, once I iFramed it, ALL anchors seem disabled. Would anyone know why? Any workarounds?
Thanks!

Hi Bose,
When I use NOBINPT = ' '. then some of my screens get supressed so that I can't populate data on those screens. It's only when i use 'X' my BDC works. But as explained earlier this is not working when I schedule it as background job.
Regards,
Firoz.

Iframe is not working for pdf files in iPad safari

Hi,
Pdf file is not displaying properly in iPad safari. I have faced below issue while using iframe
Not displaying in full width and height
Not able scroll other pages in pdf
Thanks,
Arun

Hi Viraj,
You need to upload an image "pdf.gif" in \etc\public\mimes\images folder.
Also, you need to define the MIME Type for PDF documents in portal.
Navigate to System Administration -> System Configuration -> Knowledge Management -> Content Management -> Utilities -> MIME Types.
Check whether you already have a MIME Type for PDF or not. Else you can create a new Type "pdf" with MIME Type "application/pdf".
Regards,
Sudip

Parallax scrolling .OAM file is not working with muse

I had created recently parallax scrolling with Edge Animate. Parallax scrolling is not working after placing the OAM file in the muse.
The problem is its not triggering the function with the scroll. Any Idea ?

Please post your Edge Project file for others to cross-check?
Also Muse embeds Edge Animate as an iframe within the Muse html file, so that particular interaction my not be the best use case.
Also Muse (the latest version) has some wonderful Parallax capbilities built in - here are a bunch of references to check out.
Darrell

Edge.oam animation file not working in Muse

Anybody tell me what I'm doing wrong?
I've created an edge animation, published an .oam file and placed it on a Muse wepage (no prob).
Preview in Muse works beautifully.
Preview in browser from Muse works beautifully.
Export Muse to HTML and Edge animation not displaying – looked at the code, shows an iframe with link to edge html, but just not working.
...help please

Someone please help me with this... I dont understand where the src path should point to when updated? Can you give an example path. I am not using edge animate but instead HYPE 3 which is relatively the same thing, exports html animations as an OAM or html file. When I use the OAM in muse it previews fine in browser and in Muse. But when I publish it shows a blank box. I looked at the code and see the iframe pointing to assets/example/example.html.
I've tried exporting the Muse file as HTML after I've placed the OAM widget in Muse.. Then I navigate to the assets file and open the HTML file and try and locate the iframe code line but it does NOT exist. But if i Publish the site with Muse and OAM widget and use the developers tools I can see the iframe. After that I've tried going through filezilla to the assets folder and opening the HTML file but still NO iframe code line exists. I only find src for .js code.
PLEASE HELP... would really like to integrate these animations into my projects.
Thanks

Spry menu bar not working in IE

Hi there,
This is the first time I'm using Spry. Everything was fine until I tested the site in IE. My top menu moves position upon rollover and the submenu doesn't show at all. I looked at the forums and thought I would add the IE hack into the code, but upon doing that I saw that it was already there. I'm not sure where to go from here. Please help, many thanks in advance!
Update Note: I just noticed it says it's version 1.4. I did update to 1.6. When I check for Spry updates it does say I am using 1.6, but appears to be 1.4 in the css code. Any reason why?
Site:
http://retouching.zeoproductions.com/
SpryMenuBarHorizontal.css:
@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;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
/* 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
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    cursor: pointer;
    width: 9.2em;
    margin: 0;
    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
    list-style-type: none;
    font-size: 20pt;
    cursor: default;
    width: 190px;
    position: absolute;
    font-weight: normal;
    text-decoration: none;
    font-family: century;
    line-height: 13px;
    letter-spacing: 2pt;
    text-align: right;
    left: -1000px;
    z-index: 1020;
    margin-top: -2%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: -55%;
    padding: 1px;
/* 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: 25pt;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    background-color: #E8E8E8;
    width: 190px;
    text-align: right;
/* 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
    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: #FFFFFF;
    padding: 0.5em 0.75em;
    color: #999999;
    text-decoration: none;
    font-family: century;
    font-variant: small-caps;
    font-size: 10pt;
    text-align: right;
    text-indent: 40px;
/* 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: #FFFFFF;
    color: #000000;
/* 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: #FFFFFF;
    color: #000000;
    left: 20px;
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%;
    text-align: center;
    background-color: #FFFFFF;
/* 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(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    white-space: nowrap;
/* 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(SpryMenuBarDown.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;

OK... what I needed was a proper update... not sure why it didn't work the first time, but now I am definitely running 1.6. My initial problems are no longer relevant.
However.... this created a few other obstacles. The background color, text color, text-transform, and all hover attributes are not working in IE. Confused I am.
@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;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
/* 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
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    cursor: pointer;
    width: 9.2em;
    margin: 0;
    float: left;
    background-color: #FFFFFF;
/* 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
    list-style-type: none;
    font-size: 20pt;
    cursor: default;
    width: 190px;
    position: absolute;
    font-weight: normal;
    text-decoration: none;
    font-family: century;
    line-height: 13px;
    letter-spacing: 2pt;
    text-align: right;
    left: -1000px;
    z-index: 1020;
    margin-top: -2%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: -55%;
    padding: 1px;
/* 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: 25pt;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    background-color: #FFFFFF;
    width: 190px;
    text-align: right;
/* 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
    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: #FFFFFF;
    padding: 0.5em 0.75em;
    color: #999999;
    text-decoration: none;
    font-family: century;
    font-size: 10pt;
    text-align: right;
    text-indent: 40px;
    text-transform: uppercase;
    font-variant: normal;
/* 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: #FFFFFF;
    color: #000000;
/* 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: #FFFFFF;
    color: #000000;
    left: 20px;
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%;
    text-align: center;
    background-color: #FFFFFF;
/* 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(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    white-space: nowrap;
/* 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(SpryMenuBarDown.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;

IFrame not working in IE

Similar Messages

Maybe you are looking for