76244 - Background image on HR element doesn't obey CSS rule: "background-position: top left;"

Status: RESOLVED FIXED

(Core :: Layout, defect)

Description

[Charles Manske]

In Composer, we use background images in our "Show All Tags" mode:
1. Start a new page
2. Click on "H.Line" toolbar button to insert an HR
3. Click on "Show All Tags" tab at botton of content window, or use menu:
   View | Show All Tags
You should see a yellow icon with "HR" sideways. The CSS in the overlay style
sheet for "Show All Tags" is:
hr {
  min-height: 20px; margin-left: 2px; margin-top: 2px;
  padding-left: 17px;
  background-image: url(chrome://editor/content/images/tag-hr.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

But the image is *not* starting at the left edge of the HR frame.
If you double click on the HR in the Composer page, you get the properties
dialog. Uncheck "3D shading" and click "Ok". That sets the "noshade"
HTML attribute. Note that in Show All Tags mode, the solid rendering of the
HR now hides the background image.
I'll attach an HTML test file you can use in Viewer.

Comment 1

[Charles Manske]

Attachment: Test file demonstrating bad left offset for background image

Comment 2

[karnaze (gone)]

Reassigning to attinasi.

Comment 3

[Hixie (not reading bugmail)]

I've fixed this already. My fix is in bug 38370. Unfortunately that is blocked
by some other bugs. Marking dependencies and taking bug.

Note that the official result of mixing "noshade" with CSS properties is 
totally undefined, and my 'fix' doesn't do it the way IE does it. I'm open to
suggested improvements.

Comment 4

[Alex Tingle]

Possibly related: A background image of a <table> element also doesn't appear in
the correct place:

<table style="background: url(blar.gif) 100% 100% no-repeat;" width=100%
height=95% cellpadding=0 cellspacing=0 border=0>
<tr><td>Some Text.</td></tr></table>

...is supposed to yield a single, untiled image in the bottom right corner of
the table. Instead the image is simply tiled, starting from the top-left.
[Mozilla/5.0 (X11; U; Linux 2.2.16 i686; en-US; rv:0.9) Gecko/20010505]

Comment 5

[Asa Dotzler [:asa]]

Bugs targeted at mozilla1.0 without the mozilla1.0 keyword moved to mozilla1.0.1 
(you can query for this string to delete spam or retrieve the list of bugs I've 
moved)

Comment 6

[Boris Zbarsky [:bzbarsky]]

This seems to work for me... the image starts in the right place.

Comment 7

[Boris Zbarsky [:bzbarsky]]

Fixed by checkin for bug 38370