Hello all

The page I am having problems with is:
http://www.bangor.ac.uk/~absc04/test2.htm

It has an unordered list which reads Link One, Link Two, Link Three
and so forth. If you view this page with IE6 you will see that it has
picked up a 'list-style-image' declaration but this is not declared in
the associated CSS id.

Very annoying as Mozilla, Opera, Firefox and Netscape seem to render
it properly. Is there a hack for this IE issue or could it be I need
to re-code somehwere.

Any ideas would be much appreciated.

Thanks
Chris

Chris wrote:
[color=blue]
>
> The page I am having problems with is:
> http://www.bangor.ac.uk/~absc04/test2.htm
>
> It has an unordered list which reads Link One, Link Two, Link Three
> and so forth. If you view this page with IE6 you will see that it has
> picked up a 'list-style-image' declaration but this is not declared in
> the associated CSS id.
>[/color]

I can see the following image ...
http://www.bangor.ac.uk/~absc04/images/navbullet.jpg

.... is declared in the page's CSS ...
list-style-image: url("../images/navbullet.jpg");

The selector you use is...
#NAVIGATON ul,li

.... so it applies to "li" of any type. You need to write:
#NAVIGATON ul, #NAVIGATON li

--
Google Blogoscoped
http://blog.outer-court.com

On 27 May 2004 07:35:34 -0700, Chris <absc04@bangor.ac.uk> wrote:
[color=blue]
> Hello all
>
> The page I am having problems with is:
> http://www.bangor.ac.uk/~absc04/test2.htm
>
> It has an unordered list which reads Link One, Link Two, Link Three
> and so forth. If you view this page with IE6 you will see that it has
> picked up a 'list-style-image' declaration but this is not declared in
> the associated CSS id.
>
> Very annoying as Mozilla, Opera, Firefox and Netscape seem to render
> it properly. Is there a hack for this IE issue or could it be I need
> to re-code somehwere.
>
> Any ideas would be much appreciated.
>
> Thanks
> Chris[/color]



#NAVIGATON ul,li

This resets all li. Change to #NAVIGATON ul,#NAVIGATON li

absc04@bangor.ac.uk (Chris) wrote:
[color=blue]
>The page I am having problems with is:
>http://www.bangor.ac.uk/~absc04/test2.htm
>
>It has an unordered list which reads Link One, Link Two, Link Three
>and so forth. If you view this page with IE6 you will see that it has
>picked up a 'list-style-image' declaration but this is not declared in
>the associated CSS id.
>
>Very annoying as Mozilla, Opera, Firefox and Netscape seem to render
>it properly. Is there a hack for this IE issue or could it be I need
>to re-code somehwere.[/color]

You have the following style:

#NAVIGATON ul,li {
list-style-image: url("../images/navbullet.jpg");
}

That selector matches all <ul> elements that are descendents of
#NAVIGATION and _all_ <li> elements.

This is then in conflict with the #CONTENT li { list-style : none; }
rule. IE seems to be getting it wrong when it resolves the confliect
between the two rules, the more specific rule (#CONTENT li) should
take precdence even if it is using a shorthand property.

To fix the problem change #NAVIGATON ul,li to
#NAVIGATON ul, #NAVIGATON li

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve@pugh.net> <http://steve.pugh.net/>