Stuck with Browser Issue   

I've spent hours trying to resolve an issue that works in one browser but 
not in another.

I'm attempting to reproduce the category menu seen on the right side of the 
page at http://www.softd.com/.

I've posted what I have so far at http://www.fileparade.com/newsite/. 
However, I find that my version works as expected when viewed with Google 
Chrome, but the plus, minus, and other related images do not appear when 
viewed with IE8.

I would be very grateful if anyone can help me determine why this might be.

The relevant CSS is shown below.

/* categories list */
ul#catlist {
margin: 0;
padding: 0;
}
ul#catlist li {
list-style-type: none;
margin: 0;
padding: 4px 2px 4px 2px;
background: #D9E9F9 url("img/dot.gif") repeat-x top;
}
ul#catlist li span {
padding: 0 8px 0 8px;
margin: 0;
width: 13px;
height: 13px;
}
ul#catlist li span.open {
background: url("img/minus.png") no-repeat center;
cursor: pointer;
}
ul#catlist li span.current {
background: url("img/minus.gif") no-repeat center;
cursor: default;
}
ul#catlist li span.close {
background: url("img/plus.gif") no-repeat center;
cursor: pointer;
}
ul#catlist li span.item {
background: url("img/item.gif") no-repeat center;
}
ul#catlist li span.lastitem {
background: url("img/lastitem.gif") no-repeat center;
}
ul#catlist li ul {
display: block;
margin-left: 0;
padding-left: 0;
}
ul#catlist li.close ul {
display: none;
}
ul#catlist li ul li {
list-style-type: none;
margin: 0;
padding-left: 0;
background: #ECF3FF url("img/dot.gif") repeat-x top;
}
ul#catlist li ul li.selected {
background-color: white;
}

Thanks.

Jonathan

date: Sun, 5 Apr 2009 23:32:17 -0600   author:   Jonathan Wood

Re: Stuck with Browser Issue   

Hi Jonathan
The images do not appear in IE7 xp either
If someone is unable to help maybe you can try one of these

http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_122.html

Paul M

"Jonathan Wood"  wrote in message 
news:OyfJSkntJHA.4648@TK2MSFTNGP06.phx.gbl...
> I've spent hours trying to resolve an issue that works in one browser but 
> not in another.
>
> I'm attempting to reproduce the category menu seen on the right side of 
> the page at http://www.softd.com/.
>
> I've posted what I have so far at http://www.fileparade.com/newsite/. 
> However, I find that my version works as expected when viewed with Google 
> Chrome, but the plus, minus, and other related images do not appear when 
> viewed with IE8.
>
> I would be very grateful if anyone can help me determine why this might 
> be.
>
> The relevant CSS is shown below.
>
> /* categories list */
> ul#catlist {
> margin: 0;
> padding: 0;
> }
> ul#catlist li {
> list-style-type: none;
> margin: 0;
> padding: 4px 2px 4px 2px;
> background: #D9E9F9 url("img/dot.gif") repeat-x top;
> }
> ul#catlist li span {
> padding: 0 8px 0 8px;
> margin: 0;
> width: 13px;
> height: 13px;
> }
> ul#catlist li span.open {
> background: url("img/minus.png") no-repeat center;
> cursor: pointer;
> }
> ul#catlist li span.current {
> background: url("img/minus.gif") no-repeat center;
> cursor: default;
> }
> ul#catlist li span.close {
> background: url("img/plus.gif") no-repeat center;
> cursor: pointer;
> }
> ul#catlist li span.item {
> background: url("img/item.gif") no-repeat center;
> }
> ul#catlist li span.lastitem {
> background: url("img/lastitem.gif") no-repeat center;
> }
> ul#catlist li ul {
> display: block;
> margin-left: 0;
> padding-left: 0;
> }
> ul#catlist li.close ul {
> display: none;
> }
> ul#catlist li ul li {
> list-style-type: none;
> margin: 0;
> padding-left: 0;
> background: #ECF3FF url("img/dot.gif") repeat-x top;
> }
> ul#catlist li ul li.selected {
> background-color: white;
> }
>
> Thanks.
>
> Jonathan
>

date: Mon, 6 Apr 2009 21:45:12 +0100   author:   Paul M