JQuery ширина() не возвращает правильное значение

Question

У меня есть DIV, который не имеет предустановленную ширину в css, я пытаюсь центрирование в на экране с JQuery, он работает в Chrome, Firefox и IE8 +, но не работает в IE7. Зачем?

CSS:

.productBoxWrapper{ 
    height:210px; 
    clear:both; 
    background-color:blue; 
} 

JQuery:

$('#mydiv').css("position", "absolute"); 
this.css("left", ($(window).width() - $("#mydiv").width())/2 + "px"); 

JSFiddle:http://jsfiddle.net/tygcz/3/

Answer 1

Try центрировать это следующим образом:

Css:

#myDiv{ 
    position: absolute; top: 50%; left: 50%; 
} 

Сценарий:

$('#myDiv').css('marginLeft', - (parseInt($('#myDiv').width())/2) + 'px'); 
$('#myDiv').css('marginTop', - (parseInt($('#myDiv').height())/2) + 'px'); 

Я не уверен, что погода ParseInt действительно необходимо.