Not Resolved – Loading Bar Randomly Appearing in IE6, Not in IE7

[edited link]

I have a loading bar (the horizontal one with moving stripes) appearing in my blog header. It appears on IE6, but is gone in IE7.

Here’s a picture of it:

Random Bar

I’ve found that the culprit is the following lines of code:

`<div class=”bar”>

<li class=”slogan”><?php bloginfo(‘description’) ?>
<?php wp_list_pages(‘title_li=&depth=1’ ); ?>

</div>`

Here’s the corresponding CSS:

`.bar {
clear: both;
font-size: 1.1em;
height: 30px;
margin: 0 0 0 0px;
}

.bar ul {
margin: 0;
padding : 0;
list-style : none;
}

.bar li {
margin: 0;
padding: 4px 10px 8px 10px;
color: #808080;
background: #FFF;
float: left;
}

.bar .current_page_item a{
background: #FFF url(images/bar.gif) no-repeat center bottom;
color: #9EC068;
font-weight: bold;
padding-bottom: 8px;
text-decoration: none;
}

.bar a {
font-weight: bold;
color: #4A8EBC;
background: inherit;
}

.bar a:hover {
background: #FFF url(images/bar.gif) no-repeat center bottom;
color: #9EC068;
font-weight: bold;
padding-bottom: 8px;
text-decoration: none;
}`

images/bar.gif doesn’t seem to be the culprit. I took a look at it and it’s not the loading bar. I don’t know enough coding to understand why that bar shows up, much less why it shows up only in IE6.

Anyone able to shed some light on it? Thanks a lot.

I’m using this theme: Internet Center