IE6 is doing something very funny

[Chris]

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

[Philipp Lenssen]

Chris wrote:

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.

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

[Neal]

On 27 May 2004 07:35:34 -0700, Chris <ab****@bangor.ac.uk> wrote:

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

#NAVIGATON ul,li

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

[Steve Pugh]

ab****@bangor.ac.uk (Chris) wrote:

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.

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 <st***@pugh.net> <http://steve.pugh.net/>