300589 - tag div becomes smaller than an image inside of div tag

Status: RESOLVED INVALID

(SeaMonkey :: General, defect)

Description

[Vytautas]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b) Gecko/20050217
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b) Gecko/20050217

i have HTML:
...
<div class='top_corner'><img src='dummy.gif' width="1000" height="1">&nbsp;</div>
...

and CSS:
...
.top_corner{
	width: 100%;
	height: 100%;
	background: url(../images/top-corner.gif) no-repeat top right;
	position: absolute;
	z-index: 1;
}
...


Reproducible: Always

Steps to Reproduce:

Actual Results:  
if i set width of window ,for example, to 800, div is resized to window size, in
this case to 800. And image, which is inside of div tag, is displayed outside of
 div.    

Expected Results:  
if i set window size, width of div must be not less than 1000px (because of
image inside div tag).

Comment 1

[Bernd]

This is simply invalid. The image has to overflow the div if it is larger. Use
table based layouts if you need the wrapping or make the div width:auto. But a
width spec on a div tells the div just not pay attention to its content but
rather the the width spec. If you think that other browsers do this differently
thats their problem this is only a bug if it violates the spec
(http://www.w3.org/TR/CSS21/).