id,summary,reporter,owner,description,type,status,priority,milestone,component,version,resolution,keywords,cc,blocking,blockedby
8443,outerWidth(true) returns wrong values in IE9 and Safari,manciaux@…,mikesherov,"This is the same problem as ticket 3092 - which was closed some time ago.
When calculating outerWidth(true) in IE9 and  Safari, the value returned is the width + margin implied from the ""margin:auto"" property
 
Works correctly in IE & Firefox. 

The discrepancy happens when 
- the outer div is floated, 
- the inner div has the width set (smaller than the outer div)
- the inner div has style=""margin:auto""

<%@ Page Language=""c#"" CodeBehind=""test1.aspx.cs"" AutoEventWireup=""True"" Inherits=""SonicEagle.BrokerAchieve.Errorhandler.test1"" %>
<!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"">
<head>
    <title>test1</title>
    <script src=""/common/jquery/jquery.js"" type=""text/javascript""></script>    
</head>
<body>    
    <div  style=""border:1px solid red;width:200px;float:left;"">
        <div style=""width: 100px; display: block;border:1px solid blue;margin: 0px auto;"" class=""xinner"" >
            inner div
        </div>
    </div>
    <input type=""button"" onclick=""test()"" />
    <div id=""results"" style=""padding-top:30px;"">
    </div>
    <script type=""text/javascript"">
        function test() {
            $(""#results"").html('$("".xinner"").outerWidth(true): ' + $("".xinner"").outerWidth(true));
        }
        $(document).ready(test);
    </script>   
</body>
</html>",bug,closed,high,1.7.2,dimensions,1.5.1,cantfix,,,,
