IE6 Image Flicker

mediamole · March 8th, 2008, 08:49 AM

When I view this page in IE6, the background image in the Global Navigation flickers, despite using a known IE6 flicker fix. Can anyone advise me where I'm going wrong?

http://www.testmole.co.uk

The CSS used for the Navigation:

Code:

/* Global Nav  */

#globalnav { width:960px; margin:5px 0 0 0; padding:0; list-style:none; 
             background-color:#000;
             background-image:url('nav-bk.jpg');
             background-position:top left;
             background-repeat:repeat-x;

             }

#globalnav li { float:left;
                font-weight:bold;
                background-image:url('nav-bk.jpg');
             background-position:top left;
             background-repeat:repeat-x;
                 }

#globalnav li a { color:#fff; text-decoration:none; padding:0 6px 0 4px;
                  background:url('nav-border.jpg') no-repeat top right;
                  display:block; line-height:3.0em;
                  background-color:transparent;
                    }

#globalnav li a:hover {  color:#F9750A;  }

And the HTML used for the navigation:

Code:

<ul id="globalnav" class="fixclear">
<li><a href="#" title="Amazon Irrigation Home Page">Home</a></li>
<li><a href="#" title="Amazon Irrigation Drip Irrigation">Drip Irrigation</a></li>
<li><a href="#" title="Amazon Irrigation Underground Irrigation">Underground Irrigation</a></li>
<li><a href="#" title="Amazon Irrigation Micro Irrigation">Micro Irrigation</a></li>
<li><a href="#" title="Amazon Irrigation Hoses, Reels, Handguns &amp; Trolleys">Hoses, Reels, Handguns &amp; Trolleys</a></li>
<li><a href="#" title="Amazon Irrigation Sprinklers &amp; Sprayers">Sprinklers &amp; Sprayers</a></li>
<li><a href="#" title="Amazon Irrigation Rainwater Harvesting">Rainwater Harvesting</a></li>
<li><a href="#" title="Amazon Irrigation Garden Centre">Garden Centre</a></li>
</ul>

I tried using the following fix code in the header, but it's not working:

Code:

<script type="text/javascript">

try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}


</script>