93585 - image positioned absolute with div

Status: VERIFIED DUPLICATE of bug 67543

(Core :: Layout, defect)

Description

[DJ Clark]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; WinNT4.0; en-US; rv:0.9.3) Gecko/20010801
BuildID:    2001080110

page http://www.djclark.co.uk/index.html the 'core' image is displayed to the
top left, it should be displayed behind the text "orditur telas" in the bottom
right of the page.

Reproducible: Always
Steps to Reproduce:
1. view page with mozilla
2. view page with Opera (or IE5)
3. compare

Actual Results:  image is displayed top left


Expected Results:  image should be displayed behind text "orditur telas" at
bottom right

.ot {
 background-color: #225566; color: #FFFFFF;
 background-image: url(IMAGES/py225566.jpeg);
 margin: 0em inherit;
 border: 0px inherit;
 padding: .3em 0em 2.2em;}
div.otlogo {
 margin-top: 27px; padding-top: 0px;}
p.otpara {
 font-family: "Lucida Sans Unicode","Lucida Sans","Univers","Trebuchet
MS",sans-serif;
 font-size: 1em;}
div.otbox {
 font-family: "Utopia Black","Utopia Bold","Utopia","utopia","Georgia",serif;
 font-weight: 800; font-size: 1.7em;line-height: 1em;
 margin: 0px 0em 0px;
 padding: 0px 0em 0px;
 text-align: center;float: right;
 position: relative; z-index: +1;
 width: 10em; height: 45px;}
img.otimg {
 position: absolute; z-index: -1;
 top: -27px; left: +4em;}
span.otnav{display: none;}



<div class="ot">
 <div class="otlogo">
 <div class="otbox"><img class="otimg" src="IMAGES/core72t.png" alt="logo"
width="72" height="72" /><a
href="http://www.orditur-telas.com/">&laquo;</a>orditur telas<span
class="otnav">&raquo;</span></div>
<p class="otpara"><a href="cv.html">David Clark</a>, <a
href="http://www.annetterubery.co.uk/">Annette Rubery</a>, <a
href="http://www.peterrubery.co.uk/">Peter Rubery</a></p>
 </div>
</div>

Comment 1

[RC]

Reproduced on WinXP 2001080120

Comment 2

[Mats Palmgren (inactive)]

Attachment: Testcase

Comment 3

[Christopher Hoess (gone)]

Hmm, it appears as if the absolutely positioned image is being placed with
respect to the root containing box rather than its own containing box (that of
div  class="otbox").  Confirming and sending to Style System. 

Comment 4

[Pierre Saslawsky]

Block Layout : reassigned to Marc.

Comment 5

[Marc Attinasi]

This is a dup of bug 67543 (position of abs pos element withing floated rel pos
containing block is ioncorrect). Note that if you make the containing block
(div.otbox) in the testcase non-floated then the abs pos block positions correctly.

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

Comment 6

[Mats Palmgren (inactive)]

Verified duplicate of bug 67543