630045 - climateprogress.org - background image is incorrectly repeated

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[DavidC]

User-Agent:       Mozilla/5.0 (Windows NT 6.1; rv:2.0b11pre) Gecko/20110130 Firefox/4.0b11pre
Build Identifier: Mozilla/5.0 (Windows NT 6.1; rv:2.0b11pre) Gecko/20110130 Firefox/4.0b11pre

A background image is used as a bullet point for list elements at http://climateprogress.org/2011/01/30/choosing-polluters-over-childrens-health/ (see attached screenshot). Minefield repeats the image across the entire list element. Opera and Chrome do not - they display it once as a bullet point.

Reproducible: Always

Steps to Reproduce:
1. visit http://climateprogress.org/2011/01/30/choosing-polluters-over-childrens-health/
2. view list element that begins "Rep. Marsha Blackburn, R-Tenn., introduced a bill"
Actual Results:  
You will see a red 'chevron' graphic tiled / repeated all over the list element.

Expected Results:  
The red 'chevron' graphic should appear only once as a bullet point - as displayed by Opera + Chrome

Comment 1

[DavidC]

Attachment: Screenshot comparison Minefield vs. Opera

Comment 2

[Alice0775 White]

<li style="background-image: url(http://switchboard.nrdc.org/media/bg-li.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; font-size: 14px; list-style-type: none; list-style-position: initial; list-style-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 1em; background-position: 0px 0.35em; background-repeat: no-repeat no-repeat;">Rep. Marsha Blackburn, R-Tenn., introduced a bill (H.R. 97) that would permanently block EPA from limiting carbon pollution.</li>

CSS error
> background-repeat: no-repeat no-repeat;

So this is site issue.

Comment 3

[DavidC]

How is it a site issue when the CSS specifies 'no-repeat' - even if it is duplicated? Also, Opera, Chrome and IE9 all display correctly. Looks 100% like it's a Minefield problem.

Comment 4

[Mats Palmgren (inactive)]

The declaration is ignored because we haven't implemented value pairs for the
'background-repeat' property yet (bug 548375).  Value pairs is CSS3:
http://www.w3.org/TR/css3-background/#the-background-repeat
CSS2 only has a single value:
http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat

IMO, the site should change the declaration so that it works in both CSS2 and
CSS3 UAs, ie using a single value "background-repeat: no-repeat".

-> Evangelism

Comment 5

[Chris Lawson (gone)]

Confirming per comment 4; David, please contact the site and tell them how to fix it (see comment 4).

Comment 6

[Karl Dubost💡 :karlcow]

This is working.