IE 6 and Descendent Selectors

Question

#rightbox div > ul > li
color: black;
background-image: url(../siteimages/navsq03.gif);
background-repeat: no-repeat;
background-position: left 13px;
padding: 10px 0 0 12px;
list-style: none;
That rule seemed to go really well for a while to style the
nested <li> items in my list. But IE 6.0 doesn't like it.
There's a class on the list element <li class="sub">
and I thought that this might work
.sub
color: black;
and: so on;
or even
.sub li
Now I realise I still haven't got it or is it IE 6?
Thanks
Martin

Answer 1

> .sub
> {
> color: #000;
> and: so on;
> }
>
> or even
>
> .sub li
>
These two are NOT the same selectors, you know?
Try .sub { color:#000!important; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"martcol" <[email protected]> wrote in
message
news:ggrtnu$5n3$[email protected]..
> #rightbox div > ul > li
> {
> color: black;
> background-image: url(../siteimages/navsq03.gif);
> background-repeat: no-repeat;
> background-position: left 13px;
> padding: 10px 0 0 12px;
> list-style: none;
> }
>
> That rule seemed to go really well for a while to style
the nested
> items
> in my list. But IE 6.0 doesn't like it.
>
> There's a class on the list element <li
class="sub"> and I thought that
> this
> might work
>
> .sub
> {
> color: #000;
> and: so on;
> }
>
> or even
>
> .sub li
>
> Now I realise I still haven't got it or is it IE 6?
>
> Thanks
>
> Martin
>
>
>