id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc	blocking	blockedby
8477	No position() info in children on completing the ajax request filling a hidden div	tomexero@…	tomexero@gmail.com	"If we load some HTML into DIV that has the ''display'' CSS property set to ''none'', the loaded children of that DIV do not get properly initialized - e.g. they lack position and parent info. This happens in Fx 3.6.x and does not happen in IE 8 (where all info is filled as it is supposed to).

Test files:

index.html
{{{
<!DOCTYPE html PUBLIC ""-//W3C//DTD XHTML 1.0 Transitional//EN"" ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">
<html xmlns=""http://www.w3.org/1999/xhtml"" xml:lang=""en"" lang=""en"">
<head>
<meta http-equiv=""cache-control"" content=""max-age=600"" />
<meta http-equiv=""content-type"" content=""text/html; charset=UTF-8"">
<script type=""text/javascript"" src=""http://code.jquery.com/jquery-1.5.1.min.js""></script>
</head>
<body>
<div style=""position:relative;width:400px;height:400px;"">
<div style=""position:relative;width:400px;height:400px;"">
<div id=""box"" style=""display:none;position:absolute;top:60px;left:70px;width:60px;height:60px;background:red;""></div>
</div>
</div>
<script type=""text/javascript"">
$.ajax({
url: 'load.html', //local file
complete: function(data){
$('div#box').html(data.responseText);
var anchor = $('div#box .anchor').eq(0);
alert(anchor.css('width')+','+anchor.css('top')); 
// shows ""60px,0px"" in Fx and ""60px,60px"" in IE
return false;
},
dataType: 'html'
});
</script>
</body>
</html>
}}}

local.html:
{{{
<div style=""position:relative;width:400px;height:400px;"">
<div style=""position:relative;width:400px;height:400px;"">
<div class=""anchor"" style=""position:absolute;top:60px;left:70px;width:60px;height:60px""></div>
</div>
</div>
}}}"	bug	closed	low	1.next	css	1.5.1	duplicate				
