[WSG] Why won't my background images show up in IE?

[Seona Bellamy]

Hi guys,

Well, I got the tabs behaving nicely in Mozilla and decided it was time to have
a quick peek at them in IE. Ack! The background images that make the links into
tabs have completely vanished in IE6/Win and I can't make them come back.

I've used the Sliding Doors method from ALA, which gives me some CSS like this:

#sections {
        float: left;
        width: 100%;
        font-size: 93%;
        line-height: normal;
}

#sections ul {
        margin: 0;
        padding:10px 10px 0;
        list-style-type: none;
}

#sections li {
        float: left;
        margin: 0;
        padding: 0;
        background: URL("../_images/tab_right_off.gif") no-repeat right top;
}

#sections a {
        display: block;
        background: URL("../_images/tab_left_off.gif") no-repeat left top;
    padding: 5px 15px;
        font-weight: bold;
        text-decoration: none;
        color: #666666;
}


This applies to some code as such:


<div id="sections">
<ul>
  <li><a href="javascript:;">Section 1</a></li>
  <li><a href="javascript:;">Section 2</a></li>
  <li><a href="javascript:;">Section 3</a></li>
  <li><a href="javascript:;">Section 4</a></li>
</ul>
</div>



Why won't my images show up in IE? I've gone through the archives, since I
vaguely remembered seeing something about this a while ago, but I couldn't find
anything by searching on "image" or on "background".

Thanks to anyone who can resurrect my images...

Cheers,

Seona.
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************