Anchor layout causes too many size changes

import Qt 4.7

Rectangle {
    width: 480
    height: 640

    Image {
        id: l
        source: "http://qt.nokia.com/logo.png"
        anchors.left: parent.left
        anchors.top: parent.top
        fillMode: Image.PreserveAspectFit
        asynchronous: false
        height: 40
        onWidthChanged: console.log("l.width " + width)
    }

    Rectangle {
        id: c
        anchors.left: l.right
        anchors.top: parent.top
        anchors.right:  r.left
        height: 40
        onWidthChanged: console.log("c.width " + width)
        color: "red"
    }

    Rectangle {
        id: r
        anchors.right: parent.right
        anchors.top: parent.top
        width: 40
        height: 40
        onWidthChanged: console.log("r.width " + width)
        color: "blue"
    }
}