jQuery .width(), .height() and .css() roudning

HTML

<div></div>
<p id="css-w"><strong>.css("width"): </strong><span></span></p>
<p id="width-w"><strong>.width(): </strong><span></span></p>
<p id="css-h"><strong>.css("height"): </strong><span></span></p>
<p id="height-h"><strong>.height(): </strong><span></span></p>

CSS

div {
    background:green;
    height:50.65px;
    width:50.65px;
}

JavaScript

$(document).ready(function() {
    $("#css-w span").text( $("div").css("width") );
    $("#width-w span").text( $("div").width() );
    $("#css-h span").text( $("div").css("height") );
    $("#height-h span").text( $("div").height() );
});