161112 - (see 22274) relatively positioned elements have extra padding (CSS)

Status: CLOSED DUPLICATE of bug 22274

(Core :: DOM: CSS Object Model, defect)

Description

[Davis Hammon]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en-US; rv:1.0.0) Gecko/20020529
BuildID:    2002052918

When positioning elements in CSS relative position is not displayed as it
should. In the example page my first dive layer is positioned relative. It's all
the way to the top and left of the browser window. Next I've got my second div
layer which has the horizontal bar (only the mid section). This is also
positioned relative.

My goal is to have no space between the first and second div layers.

Everything works beatifully untill I put in an image in the top div. Then for
some reason Mozilla puts in one extra pixel at the bottom of the image. (note
the space between the border and the image).

This only happens when I put in the image.

The other browsers display it fine (IE and Opera).

I've gone thru the CSS specifications (according to OREILLY) and it seems there
should be no space there.

Hopefully this gives ya a good idea of what's going on. If not you can email me
at [e-mail]

Hats off to you guys for the rockenist browser yet. Keep up the good work.

Reproducible: Always
Steps to Reproduce:
1. Just look at the included URL and you'll see
2.
3.

Actual Results:  One extra space at the bottom of the image

Expected Results:  no space at the bottem of the image

Comment 1

[Mats Palmgren (inactive)]

Dupe of bug 22274 "[INLINE] Too much space (for descenders) under image elements"

*** This bug has been marked as a duplicate of 22274 ***

Comment 2

[Boris Zbarsky [:bzbarsky]]

Verified.  Davis Hammon, you want your image to be display:block, not
display:inline.

Comment 3

[Daniel Wang]

housekeeping. closing 'cuz enough dupes of bug 22274 have similar
summary.