My menu background images are not working in IE

Hi,
I've tested my site on multiple browsers and everything seems fine, apart from IE - which only displays the menu's background image when the user is on that current page. Can anyone help me out, please?
Thanks in advance.
http://millennium-blinds.co.uk/

I'm not sure but I did find two things you should change:
In your html change:
<li><a href="index.html">home</a></li>
to
<li><a href="/">home</a></li>
And in your CSS add this:
html { height:101%; overflow:scroll; }
That will force a vertical scroll bar and keep the shorter pages from jumping around.
Bob

Similar Messages

Spry tab menu background image is not displaying on remote server

Hello All,
I have a problem with spry tab panel, it is not displaying image in the background when it is active, it is working properly in local server but when i upload to remote it vanishes.
Here is the link
http://www.geftas.com/temaritestpage/about.html
Also I am uploading Css and html code below
Any help would be exteremely appreciated.
Thanks
<!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=utf8"/>
<meta http-equiv="content-type" content="cache" />
<meta http-equiv="robots" content="INDEX,FOLLOW" />
<meta http-equiv="keywords" content="Enter Keywords"/>
<meta http-equiv="description" content="Description Here" />
<title>TEMARI&CO. | Business Strategists</title>
<link href="css/about.css" rel="stylesheet" type="text/css" media="screen" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
          <div id="header"></div>
<div id="navigation">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">HOME</a></li>
      <li><a href="about.html" class="current">ABOUT</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">CONSULTING</a>
        <ul>
          <li><a href="#">Business Plan</a></li>
          <li><a href="#">Marketing Plan</a></li>
          <li><a href="#">Incorporation</a></li>
          <li><a href="#">Accounting System</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">INDUSTRIES</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#">OUR PROCESS</a></li>
      <li><a href="#">CAREERS</a>      </li>
      <li><a href="#">CONTACT</a></li>
    </ul>
</div>
<div class="shadow" id="content">
<div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">values</li>
      <li class="TabbedPanelsTab" tabindex="0">people</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">
                <div id="scrolltext">
                    <h1>Heading1</h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. N</p>
        </div>
      </div>
      <div class="TabbedPanelsContent">
                  <div id="scrolltext">
                    <h1>Heading1</h1>
        <p>Lorem n, </p>
                            <h1>Heading1</h1>
        <p>Lorem ipsum dolor sit amet, , </p>
                           <h1>Heading1</h1>
        <p>Lorem ipsum dolor sit a, </p>
                           <h1>Heading1</h1>
        <p>Lorem ipsum dolor sit amet, </p>
        </div>
      </div>
    </div>
</div>
</div>
<div id="footer">
<div id="legal">
                      <ul>
                          <li>Copyright © 2012 Temari&Co</li>
                    <li>| Privacy Policy |</li>
                    <li>Terms of Use</li>
                </ul>
    </div>
            <div id="socialmedia">
                      <ul>
                          <li><img src="images/fbicongri.png" width="20" height="20" alt="fbicon" /></li>
                    <li><img src="images/gicongri.png" width="20"          height="20" alt="gicon"/></li>
                    <li><img src="images/linkedinicongri.png" width="20" height="20" alt="linkedin"/></li>
                    <li><img src="images/twittericongri.png" width="20" height="20" alt="twitter"/></li>
              </ul>
      </div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
.TabbedPanels {
          overflow: hidden;
          margin: 0px;
          padding: 0px;
          clear: none;
          width: 100%;
          height:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
.TabbedPanelsTabGroup {
          margin: 0px;
          padding: 0px;
.TabbedPanelsTab {
          position: relative;
          float: left;
          background-color: #FFF;
          list-style: none;
          -moz-user-select: none;
          -khtml-user-select: none;
          cursor: pointer;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 9pt;
          font-weight: normal;
          color: #666;
          height: 30px;
          width: 116px;
          text-transform: uppercase;
          text-align: center;
          line-height: 30px;
          margin: 0px;
          padding: 0px;
.TabbedPanelsTabHover {
          background-image: url(../../SUPEROLDU/images/menubaractive.png);
          background-repeat: repeat-x;
          color: #FFF;
.TabbedPanelsTabSelected {
          background-image: url(../../SUPEROLDU/images/menubaractive.png);
          background-repeat: repeat-x;
          color: #FFF;
          height: 30px;
          width: 116px;
.TabbedPanelsTab a {
          color: black;
          text-decoration: none;
.TabbedPanelsContentGroup {
          clear: both;
          background-color: #FFF;
          height: 100%;
          width: 824px;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 9pt;
          color: #666;
          border-top-width: 1px;
          border-right-width: 1px;
          border-bottom-width: 1px;
          border-left-width: 1px;
          border-top-style: dotted;
          border-top-color: #CCC;
          border-right-color: #CCC;
          border-bottom-color: #CCC;
          border-left-color: #CCC;
.TabbedPanelsContent {
          height: 100%;
          width: 100%;
          overflow:hidden;
.TabbedPanelsContentVisible {
.VTabbedPanels {
          overflow: hidden;
          zoom: 1;
.VTabbedPanels .TabbedPanelsTabGroup {
          float: left;
          background-color: #EEE;
          position: relative;
.VTabbedPanels .TabbedPanelsTab {
          float: none;
          margin: 0px;
          border-top: none;
          border-left: none;
          border-right: none;
.VTabbedPanels .TabbedPanelsTabSelected {
          background-color: #EEE;
.VTabbedPanels .TabbedPanelsContentGroup {
          clear: none;
/* Styles for Printing */
@media print {
.TabbedPanels {
          overflow: visible !important;
.TabbedPanelsContentGroup {
          display: block !important;
          overflow: visible !important;
          height: auto !important;
          margin-top: 0px;
          margin-right: auto;
          margin-bottom: 0px;
          margin-left: auto;
.TabbedPanelsContent {
          clear:both !important;
          margin-top: 0px;
          margin-right: auto;
          margin-bottom: 0px;
          margin-left: auto;
          width: 744px;
.TabbedPanelsTab {
           overflow: visible !important;
           display: block !important;
           clear:both !important;

Assuming these are the images you're trying to display:
.TabbedPanelsTabHover {
          background-image: url(../../SUPEROLDU/images/menubaractive.png);
          background-repeat: repeat-x;
          color: #FFF;
.TabbedPanelsTabSelected {
          background-image: url(../../SUPEROLDU/images/menubaractive.png);
          background-repeat: repeat-x;
          color: #FFF;
          height: 30px;
          width: 116px;
You have 2 root paths in your URL code. I think this is how your file structure looks like on your local computer. However, on a remote server, ../ by itself means you're pointing to the root folder of your website. Your URL linkage should be corrected based on the relativity and your background will work without a problem.

Background images are not displayed (CSS, other images ok

I tried clearing cache, looked at about:config for weird configurations, did a private browser window and disabled all extensions. None of these had any effect.
Test pages: Amazon.com and https://developer.mozilla.org/samples/cssref/background-image.html - both of these pages have background images loaded by CSS. For example, Amazon's logo at the top left is a background loaded from a CSS page. The image itself can be viewed raw:
http://g-ecx.images-amazon.com/images/G/01/gno/sprites/global-sprite-v1._V339353059_.png
So can this image:
https://developer.mozilla.org/samples/cssref/images/starsolid.gif
But why, why why do these images display on their relevant webpage? I see Amazon, eBay, and many other websites without a full complement of images. Especially the ones used for menus and other important navigation buttons.
Here is what I see on the Mozilla page mentioned above: I see the text, but no repeating star image. This works in other browsers and on other computers in Firefox.
The page I am typing on right now has no blue background, the entry windows are not correct (like the search window is not a rounded gray box) and the search magnifying glass is missing. So this experience makes even simple pages impossible to use.
Firefox 32, Vista

You did make sure that there isn't a high contrast theme selected in Windows like I posted above?
*http://windows.microsoft.com/en-us/windows-vista/make-the-computer-easier-to-see-optimize-visual-display

LinkListExplorer iview BackGround Image path not working

HI All ,
As i am using Layout set LinkListExplorer for few external links , when i am giving image name for eg growth.jpg in background image path, which is placed at /etc/public/mimes/images it is not showing anything , the same is working for NewsBrowser Layout set . I have tried many thing all possiblities but no success .
Pls help me in this regard.
Shwetang saxena

Hi Vedant,
APEX only replaces the #WORKSPACE_IMAGES# variable within APEX itself. This is quite logical, because what you see in the APEX developer space is generated by PL/SQL from the database, so APEX can change what it wants. APEX can't access the files however, that's logical to because APEX would need premissions on the server and an Oracle directoryto start doing changes to files.
So if you want to point to the image directory in the CSS file you need to provide the full path.
Regards,
Joni

Background images are not rendering while they are in all other browsers.

Firefox is having problems with certain .jpg images that I have uploaded to a hosting service.
(Ex: http://img838.imageshack.us/img838/3991/hbbgardenorangepop3.jpg)
When you set this image as your web page's background image, the image will not be rendered. However, if you go directly to the URL, the image will be rendered (except in the Beta release, where the image won't even render when you go to the URL directly).
However, if you go to ANY other browser, the image is rendered correctly (both when you go directly to the URL and when you use the image as your background).
== This happened ==
Every time Firefox opened
== Today ==
== User Agent ==
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.125 Safari/533.4

I assume that you want to add that image as a background on web pages.
How are you adding that background image?
Are you using code in userContent.css ?
If that is the case then please post the code, otherwise provide the steps so we can check what goes wrong.

Background images are not loading in Firefox nor IE, running Win 7 Home Premium

Win 7 laptop does not load background type images in either Firefox or IE.
XP laptop shows background images while using page info/media tab.

Please check out [[Troubleshooting extensions and themes]].

Images are not reflecting in Multi Level Menu

Hi,
i am facing some problem in the Multi Level Menu.
i have created a book in my portal application.
For the "Main Page Book" i am setting "Multi Level Menu"
For the Book with in the menu, i am setting "No Navigation"(to avoid the sub pages displaying when clicking the book)
for example the Book name is "Home".
i want to replace the Home with some images.
using "selected image" i have placed some .gif
when i have checked at run time that image is not reflected.
when i keep the menu as "Single level menu" images are coming. (but drop down is not coming)
the problem is when i put the menu as "multi level menu" the images are not reflected.
pls help me to solve this issue.
regards.

Hi,
we've got the same issue in the project I'm working on. We told thos to BEA and they said that this is not coded. So 2 BEA's consultants are working on it for us. May be it will be included in the next version of WLP...
Tom

CC 2014 nik efex - My Nik Efex filters are not working in Photoshop CC 2014 - they appear under plug-ins and seem to work, but after running and clicking okay, no new layer appears - seems to have no effect. The separate menu panel does not appear either

My Nik Efex filters are not working in Photoshop CC 2014 - they appear under plug-ins and seem to work, but after running and clicking okay, no new layer appears - seems to have no effect. The separate menu panel does not appear either. Help with this?

BINGO !!!!
Thanks so much Woodsroad. I had the exact same problem with my Dell Windows 7 64 bit with AMD Radeon 6700 Video card.
All the video tests passed with flying colors.
The sniffer rename trick fixed the problem.
Thank goodness for the internet!

Rendered images are not appearing on the webpage. works fine on IE. All plugins appear to be present includeing Adobe Flash

rendered images are not appearing on the webpage. works fine on IE. All plugins appear to be present including Adobe Flash

If that only happens on a specific page or domain then make sure that you do not block images on that domain.
See [[Images or animations do not show]]
*A way to see which images are blocked is to click the favicon (<i>Site Identification</i> icon) on the left side of the location bar.
*A click on the "More Information" button will open the Security tab of the "Page Info" window (also accessible via "Tools > Page Info").
*Go to the <i>Media</i> tab of that "Tools > Page Info" window.
*Select the first image link and scroll down though the list with the Down arrow key.
*If an image in the list is grayed and there is a check-mark in the box "<i>Block Images from...</i>" then remove that mark to unblock the images from that domain.
*You can see the permissions for the domain in the current tab in Tools > Page Info > Permissions
*You can see all image exceptions in Tools > Options > Content: Load Images > Exceptions

Since I refreshed Firefox 36.0.4, "Save page as" and "save image as" are not working (even in Safe mode)

I refreshed FF 36.0.4 on invite. Since then "save page as " and "save image as" are not working -- no response when clicked.
In Safe Mode, same problem.
I serached past forum discussions and found several occurrences, but no convincing response.

''afew2 [[#question-1054433|said]]''
<blockquote>
I refreshed FF 36.0.4 on invite. Since then "save page as " and "save image as" are not working -- no response when clicked.
In Safe Mode, same problem.
I serached past forum discussions and found several occurrences, but no convincing response.
</blockquote>
I tried troubleshooting plugins, none appeared to be causing the problem.
I installed 36.0.1, but no difference. Went back to 36.0.4, still no change.
I ran a malware check with Malwarebytes, no change.
A past thread here suggested deleting localstore.rdf, which I tried, no result.
People have had this problem in the past. No one has any idea of how to fix it?

Convert a catalog form PSE 7 to PSE 13 : Conversion works, but images are not related to the catalog anymore so you have to connect each single picture !!! How can I get the right relation automatically ?

My images are not related to the converted catalog, only preview works, tags and other information is given, but the (network) path to the original images is missing and is substituted by a local path with c:\. How can I solve the problem automatically ?

I actually need to apply this to at least a couple different layouts. Two exampled below (The outlined boxes are text areas, the black boxes where the product images will go.)
I prefer InDesign5, but I have 6 too.

I bought a new 5s and its front and back camera are not working, showing black image. My phone is IOS 7 updated, and some one insisted that its is software updation problem, and can be resolved by updating to IOS 8. Kindly suggest.

I bought a new 5s and its front and back camera are not working, showing black image. My phone is IOS 7.1.2 updated, and some one insisted that its is software updation problem, and can be resolved by updating to IOS 8. Kindly suggest.

I have the same issue on my iPhone 5s
I've closed the app and re-booted the phone several times but it did not resolve the issue.
Upgrading to iOS 8.0.2 did not resolve it either.
Erasing the iPhone and restoring from a backup did not resolve it.
I'm not sure what else to do.

I bought a new iPhone 5s and its front and back camera are not working, showing black image. My phone is IOS 7 updated, and some one insisted that its is software updation problem, and can be resolved by updating to IOS 8. Kindly suggest on this. Wil

I bought a new iPhone 5s and its front and back camera are not working, showing black image. My phone is IOS 7 updated, and some one insisted that its is software updation problem, and can be resolved by updating to IOS 8. Kindly suggest on this. Will this resolve my issue?

any advise..?

Start menu Pins and Links are not working

Hi,
after upgrade to Build 10061 the start menu links and pins to classic win32 apps are not working anymore. If i click, for example VLC Player, nothing happens. Also if i pin VLC Player again to start menu nothing happens if i click on it. Only through search
and direct explorer access it works as expected.
Are you experiencing the same issue or can you help me out?
Thanks.
Michael

On Sat, 25 Apr 2015 09:55:05 +0000, mknuel wrote:
after upgrade to Build 10061 the start menu links and pins to classic win32 apps are not working anymore
Known issue. Posted on both the Windows blog and in the Insider app. Also,
this forum is for phone issues, not PC/tablet issues.
Paul Adare - FIM CM MVP
Everyone gives lip service to that 7 layer model but that fact is that the
only thing that has ever been truly OSI 7 layer compliant is the
Taco Bell 7 Layer Burrito. -- Kent "Dogman" Dahlgren

Spry Horizontal Menu Bar background image IE8 not visible.

I have a slight problem with a horizontal menu bar that I have placed on my site and am hoping someone can help me. It views fine in Firefox, however in IE8 the top menu background image is white instead of the image I specified. Firefox image is below.
Below is IE8 image lacking top menu background:
I am a novice and this is driving me nuts. How can something view fine in Firefox and loose the image in IE explorer? I must have a code incorrect, I know it. Any help is greatly appreciated.
Thank you,

At the bottom of SpryMenuBarHorizontal.css, you will find
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background-color: #FFF;
Change the background colour to transparent and all is well.

My menu background images are not working in IE

Similar Messages

Maybe you are looking for