Audio in event video overlapping (only in internet explorer)

Hello so im having an issue with captivate I made a project with 16 slides. theres 14 different videos in the project I imported each video as an event video and added the skin "coronaSkin3". I export it as an HTML5 project and test it out from my local hard drive(not on a LMS). Here is my issue the video plays but when I scrub through the event video with the coronaSkin then click on the TOC on the side it takes me to a different video but still has the audio from the first video we were on ( and only the audio) therefore both audios are overlapping each other. The weirdest thing is this only happens to me in Internet explorer not google chrome, or safari. Is there a way to fix audio over lapping with event videos?
Thanks
Ricardo

Similar Messages

How can I open Internet explorer only pages on a mac? The website that I need to access only permits internet explorer

How can I open Internet explorer 'only' pages on a mac, without creating a drive partition and installing windows separately?
I've tried winbottler, but it doesn't seem to serve my purpose. The web site that I'm trying to access only permits Internet explorer.

Microsoft has not written IE for Mac for years so unless you want to create a parition and install Windows, or user a Windows emulator, you're out of luck for installing IE on a Mac.
The web site that I'm trying to access
There might be a work around for you since it's just the one site.
Go to the Safari menu bar click Safari > Preferences then select the Advanced tab.
Enable the Develop menu.
Now click Develop from the Safari menu bar then click User Agent > IE 9, 8, or 7

How do I get a video to view in Internet Explorer?

I cannot get Internet Explorer to display the video in the page below.
The page works fine in Safari, Firefox, Opera, and Crome and even on my iPad2 (although the latter does freeze the vid).
As you can see I have tried converting the clients original Mpeg-4 into different formats for the browsers but I seem to be
batting my head against the wall with IE. Don't I just love Microsoft?
Here is the URL: http://www.cityhealing.com/html-site/treatments/ac/acupVideo.html
Any help will be appreciated
Thank you, Tony D
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>City Healing Aucupuncture Video</title>
<style type="text/css">
body {
background-color: #000;
</style>
</head>
<body>
<div align="center"><img src="../ailments/images/ailments_r1_c1.jpg" width="640" height="62" alt="chHeadGreen" /></div>
<div align="center"><video controls preload="auto" width="640" height="480">
<source src="images/acupunctureVideo.3gp" type="video/3gp"/>
<source src="images/acupuncture.mpg" type="video/mpg" />
<source src="images/acupunctureVideo.ogg" type="video/ogg"/>
<source src="images/acupunctureVideo.mp4" type="video/mp4" />
<source src="images/acupunctureVideo.mpg" type="video/mpg"/>
<source src="images/acupunctureVideo(2).mpg" type="video/mpg" />
<source src="images/acupunctureVideo.vob" type="video/vob"/>
<source src="images/acupunctureVideo(1).avi" type="video/avi"/>
<source src="images/acupunctureVideo.flv" type="video/flv" />
</div>
</body>
</html>

Hi Jon Fritz ii
Thank you for your reply.
Well, ie9beta is what it says on the tin - just came with Windows 7. As I never use ie for my browsing so I have never bothered with it, until now, when, like all Microsoft stuff it starts off pear shaped and just keeps getting worse ! .. :-)
The prime site I have designed in FlashMX is
http://www.cityhealing.com.
Under that is the html site:
http://www.cityhealing.com/html-site/home/homePage.htm
The link for the video clip pages are not live to the public but they are:
http://www.cityhealing.com/html-site/treatments/ac/acupVideo2.htm
and
http://www.cityhealing.com/html-site/information/testimonials/testimonialVideo1.htm
here is the code for the acup2.htm video: amened as per your suggestion.
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>City Healing Aucupuncture Video</title>
<style type="text/css">
body {
background-color: #000;
</style>
<link href="../../cHealing.css" rel="stylesheet" type="text/css">
</head>
<body>
<div align="center"><img src="../ailments/images/ailments_r1_c1.jpg" width="640" height="62" alt="chHeadGreen" /></div>
<div align="center"><video controls preload="auto" width="640" height="480">
<source src="images/acupunctures.webmsd.webm" type="video/webm" />
<source src="images/acupunctureVideo.ogg" type="video/ogg" />
<source src="images/acupunctureVideo.mp4" type="video/mp4" />
<source src="images/acupuncture.webmhd.webm" type="video/webm" />
</video></div>
</body>
</html>
Oh, btw, the video frame appears for one second in IE then replaced by the little red cross!
Thanks, Tony D

I am unable to view some (but not all) videos in Firefox. But I can view ALL videos when I use Internet Explorer. Please help. I do not want to use IE.

as stated, I am unable to view some videos in Firefox, but I am able to view them when I use Internet Explorer. How can I view all videos when using Firefox. Thank you.

That is Flash.
You do have the Flash player installed according to your More system details list, so Flash should be working.
*Shockwave Flash 10.3 r183
*http://www.adobe.com/software/flash/about/
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

Error when adding iViews to a page, but only in Internet Explorer

Hi,
I'm having problems with iViews. I have four iViews which all work by themselfs (when I click on preview). When I add two of them to a page, I get an error message, that the page could be displayed with the standard MD screen when I click ok. The other two iViews work perfectly in the same page. Now here comes the weird part: This error only happens in the Internet Explorer. In Firefox all four iViews in that page work without problem.
The iViews have to functionality of displaying the Outlook-folders such as Inbox and so on.
Any idea what could cause this error in the IE and not in Firefox?

Finally I got something in the log file:
Exception in PortalRequestManager.dispatchRequest without timeout
[EXCEPTION]
com.sapportals.portal.prt.runtime.PortalRuntimeException: Storing of Profile failed.
     at com.sapportals.portal.prt.repository.PropertyContentWrapper.store(PropertyContentWrapper.java:364)
     at de.btc.pct.exchange.ivu.i18n.ExchangeDynPage.doInitialization(ExchangeDynPage.java:147)
     at com.sapportals.htmlb.page.PageProcessor.handleRequest(PageProcessor.java:105)
     at com.sapportals.portal.htmlb.page.PageProcessorComponent.doContent(PageProcessorComponent.java:134)
     at com.sapportals.portal.prt.component.AbstractPortalComponent.doPreview(AbstractPortalComponent.java:240)
     at com.sapportals.portal.prt.component.AbstractPortalComponent.serviceDeprecated(AbstractPortalComponent.java:168)
     at com.sapportals.portal.prt.component.AbstractPortalComponent.service(AbstractPortalComponent.java:114)
     at com.sapportals.portal.prt.core.PortalRequestManager.callPortalComponent(PortalRequestManager.java:328)
     at com.sapportals.portal.prt.core.PortalRequestManager.dispatchRequest(PortalRequestManager.java:136)
     at com.sapportals.portal.prt.core.async.AsyncIncludeRunnable$1$DoDispatchRequest.run(AsyncIncludeRunnable.java:375)
     at java.security.AccessController.doPrivileged(Native Method)
     at com.sapportals.portal.prt.core.async.AsyncIncludeRunnable.run(AsyncIncludeRunnable.java:388)
     at com.sapportals.portal.prt.core.async.ThreadContextRunnable.run(ThreadContextRunnable.java:164)
     at EDU.oswego.cs.dl.util.concurrent.PooledExecutor$Worker.run(PooledExecutor.java:729)
     at java.lang.Thread.run(Thread.java:534)
Caused by: com.sapportals.portal.prt.registry.content.ContentException: ContentException
     at com.sap.portal.pcm.iview.runtime.PropertyContentiView.store(PropertyContentiView.java:224)
     at com.sapportals.portal.prt.repository.PropertyContentWrapper.store(PropertyContentWrapper.java:360)
     ... 14 more
Caused by: com.sap.portal.pcm.admin.ValidationException: save() of PcmAttributeSet failed!
SQLException is not transient, error code = 200, sql state = 23000
[200]: Duplicate key
     at com.sap.portal.pcm.admin.PcmAttributeSet.save(PcmAttributeSet.java:1236)
     at com.sap.portal.pcm.iviewserver.providers.wrappers.RuntimeModificationAttributeSetWrapper.save(RuntimeModificationAttributeSetWrapper.java:126)
     at com.sap.portal.pcm.iviewserver.layers.LayerAttrSet.save(LayerAttrSet.java:268)
     at com.sap.portal.pcm.iviewserver.LayeredObjectAttrSet.save(LayeredObjectAttrSet.java:677)
     at com.sap.portal.pcm.iview.runtime.PropertyContentiView.store(PropertyContentiView.java:207)
     ... 15 more
Any ideas?

Can scroll through aol email only on internet explorer not firefox

When using firefox i cannot scroll through my aol email. I can only read the most recent 12 messages and deleting does not help. If i use internet explorer i am able to scroll down and read all. HELP!

Hello,
'''Try Firefox Safe Mode''' to see if the problem goes away. Safe Mode is a troubleshooting mode, which disables most add-ons.
''(If you're not using it, switch to the Default theme.)''
* You can open Firefox 4.0+ in Safe Mode by holding the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
* Or open the Help menu and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
''Once you get the pop-up, just select "'Start in Safe Mode"''
'''''If the issue is not present in Firefox Safe Mode''''', your problem is probably caused by an extension, and you need to figure out which one. Please follow the [[Troubleshooting extensions and themes]] article for that.
''To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.''
''When you figure out what's causing your issues, please let us know. It might help other users who have the same problem.''
Thank you.

Problem of access to the video portal after updating Internet Explorer

After performing the upgrade in internet explorer (version 7 to 8), some
users are having trouble viewing the video portal. I need help for verify to see what is
happening.
Product ID: DMM5.0-BASE-K9
Version ID: V5.0

Hi Gerson,
IE 8 came out after the DMS 5.0 version was released, so it's not officially supported. For other people with similar issues, using "Compatibilty view" for the video portal page allowed them to access and use video portal without a problem.
For a more permanent solution, you will have to upgrade your DMS system to 5.2 or later.
I hope this helps
Daniel

Having a bug only with Internet Explorer 7

I am trying to create a special datagrid to store new member
of a project (the interface is to create new project). I am able to
open a cfwindow if the user want to add a new member into the
datagrid. The cfwindow will consist of a form of 3 cfselects
(member's type, member's name, and member's role). Once the user
submit the form, it save the new member into a special table as a
temp table (this is the way I found to play with many generation of
information while having all into one single page instead of having
several steps to create a new project).
Anyway, when the user click on the submit button from the
cfwindow, the application will save the new member, refresh the
datagrid from the parent window and close the cfwindow. It makes me
very nervous as I was not able to accomplish with success that part
until I decided to try with Firefox and see what the Firebug
feature will say about any problem. Instead of seing a problem, I
saw a success!!! I started again in IE7 and the problem persists.
The problem is when the form is submitted, the cfwindow comes to be
the master window and it is not anymore a cfwindow, while Firefox
can process the submit, the refresh of the datagrid on the
master/parent window and close the cfwindow properly.
Anybody have a clue to correct this of we live with this? I
am not confortable with this bug and to be honest, I would prefer
the inverse as we are Microsoft Partner and the business want to
use - as much as possible - Microsoft product including Internet
Explorer. This is not my decision as I love Firefox but this is
something I have to deal with!
I include the code from the CFWindow only as the master
window contains a large amount of code that it is out of this scope
since there is not associated problem at the moment.
Thank you for any help.

I finally change my interface completely! I decided to go
with step-by-step philosophy as I had to much problem to play with
a single page to accommodate all the information and forms. The
step-by-step method I decided to use is involving a CFLAYOUT which
is change from simple AHREF link (where I use images instead of
text to be more stylish for the user) click. This actually help me
to finish that part of the application (after 2 intensive days of
bugs investigation concerning the new features of CF8). I am not
saying that the problem is CF8, in a contrary, but we have to be
careful when using the new tags because some combinations can be a
nightmare to figure out the proper way - to not say that is it not
possible to be used in combination at all for some of them.
Please note that all datefield input are working perfectly
now. I do not know what was the problem exactly but I suspected
that it was concerning embedding tags into tags such as CFFORM
within CFWINDOW within CFLAYOUT/CFLAYOURAREA within CFFORM. I still
want to turn myself to the EXT2 library but the time, as I said
before, is a big issue for me (as I miss the appropriate time to do
it). Perhaps CF9 will be on a beta version soon and I will be able
to figure out faster as they certainly expect to use the EXT2 in
the next version.

Firefox 4 won't play yahoo music videos. ideas?? internet explorer works

I just upgraded to firefox 4, now music videos on yahoo music do not work, there is just a blank gray space where the video should be. Music videos work in internet explorer.

Wow Mozilla, thanks for all the help....NOT

I need an Ipad app web browser that will emulate internet explorer as my MLS real estate system only uses internet explorer. Why is Atomic full version not available in the app store is there another browser that will do this

I need an iPad app web browser that will emulate internet explorer as my MLS real estate system uses only internet explorer. Why does Atomic no longer sell the full verison. What web browser can I use?

Probably none. It's very possible that the reason the MLS required Internet Explorer is that they use technologies (such as Active-X) that are proprietary to Microsoft and so would not be available from the iPad even if a browser will report itself as being Internet Explorer.
You can try iCab Mobile, though, and see if it will work for you:
http://itunes.apple.com/us/app/icab-mobile-web-browser/id308111628?mt=8
It has the ability to identify itself as other browsers, so if the site is only blocking other browsers and not depending on IE's technology, iCab might work. There could be problems, though, even if the site lets you in.
Hope this helps.

Failed to register ONLY in Internet Explorer ...

The last two versions of Adobe Flash REFUSES to register and install in Internet Explorer, but has NO issues in Chrome or Firefox. What is going on with it, and how can I get it to install in IE? Running Windows 7 Pro 64 bit. HELP !!!

Hello Pat,
Thank you for the link, I tried that several days ago with no luck.
My problems started when IE tried to update to FP 14.
I did get my issue fixed; I used the Flash Player Uninstaller (found here: http://download.macromedia.com/get/flashplayer/current/support/uninstall_flash_player.exe), then restarted my computer.
I went to the Flash Player Archives page (http://helpx.adobe.com/flash-player/kb/archived-flash-player-versions.html), and downloaded the ZIP file under "Release and Content Debugger archives" of the last known good-working version (for me it was 13.0.0.214, released 5/13/2014).
This ZIP file contains 2 different versions for IE, Firefox, and Mac; one folder contains the normal versions, which didn't work for me....I kept getting the same error messages and had to keep using the Uninstaller, then restart computer, etc...
BUT, in the "Debug" folder, with the debug versions of FP, I first installed the IE version (typically named "flash_player_ax_debug.exe" or something similar with the ax designator), this installed just fine and now everything works again! I then updated Firefox with the other debug version, and everything works fine again.
I don't know if this will work for any other problems, but it worked great for me after having similar issues as the OP. Hope this helps

Loading error only in Internet Explorer

Hi all,
in a BSP I have to upload a local file, but when I use this function on MS Internet Explorer I get a CNTL_ERROR
on the constructor of CL_GUI_FRONTEND_SERVICES. With Mozilla Firefox all works well. I use WAS 6.40 SP14 and I did'nt find particular OSS notes about it.
Do you know which setting I have to adjust?
Thanks in advance.
Angelo

Raja, I found the difference between IE and Firefox.
With IE the FILE_NAME parameter of DOCUMENT_ADD_ATTACHMENT contains the path and in the code of
PERFORM so_split_file_and_extension IN PROGRAM saplso30
          USING file_name l_only_name l_extension.
there's the test
if filename ca '/\:'.
    call function 'SO_SPLIT_FILE_AND_PATH'
         exporting
              full_name     = filename
         importing
              stripped_name = file.
else.
    file = filename.
endif.
Now, in the 'SO_SPLIT_FILE_AND_PATH' FM there's the creation that fails.
    create object frontend_services.
With Firefox the FILE_NAME parameter of DOCUMENT_ADD_ATTACHMENT doesn't contain the path, so the FM above isn't called and there's no creation of frontend_services.
Very strange! Does SAP know this issue?
Regards,
Angelo

Lawson portal is a website for school system payroll that only accepts internet explorer browser, anyway to get there from ipad by doing something creative?

lawson portal is a website for a school systems payroll but it will not accept safari or other browsers to access except internet explorer.. any creative way to access that you know of using IPAD..thank you

There's also a browser called Atomic Web that allows you to 'look like' another browser.
No idea if it works but you can try.
You might also contact the portal tech support. maybe they know of a way to make their site work with ipads

Audio okay, but video is only one way

I just got a new macbook pro with the built in iSight camera, and i tried video chatting with my friend who also has a macbook pro, and i can see and hear him just fine, but he can only hear me. He has tried video chatting with other people and it has worked fine, but when i try to video chat with anyone else, the same thing happens. Anything you can tell me would help, thanks.

hi Cordude7,
Can you please mark the Thread as Aswered, (Helpful or Solved) ?
Hint
New Discussions ReponsesThe new system for discussions asks that after you mark your question as Solved. You should take the time to mark any posts that have aided you with the tag and the post that provided your answer with the tag. This not only gives points to the posters, but points anyone searching for answers to similar problems to the proper posts.
Alternatively, you can change the status to Answered.
If we use the forums properly they will work well...
4:01 PM Sunday; August 13, 2006

Spry submenus overlap menu in Internet Explorer

Hi, I'm working on a spry menu, and it looks exactly how i want it in Firefox, but in Explorer my submenus shift to the left and overlap my menu a lot.
Also on my horizontal menu, the whole menu shows up shifted to the left and to the top in Explorer
Here's the website
http://myareasbest.com/MI%20cities/Traverse-City.html
Heres my code for the vertical menu
@charset "UTF-8";
/* SpryMenuBarVertical.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, a fixed width box with no margin or padding */
ul.MenuBarVertical
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    cursor: default;
    width: 12em;
    border: none;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
    list-style-type: none;
    font-size: 12px;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 12em;
    font-family: Verdana;
    font-style: normal;
    font-weight: bold;
    border: 2px solid #003399;
    height: 1.5em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
    list-style-type: none;
    font-size: 12px;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 12em;
    left: -1000em;
    top: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 75px;
    font-family: Verdana;
    font-style: normal;
    font-weight: bold;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
    left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
    width: 12em;
    left: 75px;
    top: 5px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
    border: none;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
    border: none;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    background-color: #01ACE2;
    color: #ffffff;
    text-decoration: none;
    height: 7px;
    width: 12em;
    padding-top: 0.5em;
    padding-right: 0;
    padding-bottom: 0.5em;
    padding-left: 0em;
    font-size: 100%;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
    background-color: #003385;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
    background-color: #003385;
    color: #FFF;
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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
Code for horizontal menu
@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;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* 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
    margin: 0px;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 160px;
    float: left;
    left: 200px;
    top: 0px;
    height: 30px;
/* 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: 160px;
    position: relative;
    left: -1000em;
        top: 0px;
/* 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: -200;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 10em;
/* 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: 0;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 0;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #01ACE2;
    padding: 0.5em 0.75em;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    border: 2px solid #003399;
/* 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: #003385;
    color: #FFF;
/* 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: #003385;
    color: #FFF;
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;
/* 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;

Please address the following first http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmyareasbest.com%2FMI%2520cities%2 FTraverse-City.html

Audio in event video overlapping (only in internet explorer)

Similar Messages

Maybe you are looking for