Google Chrome CSS属性行为奇怪

Question

我目前在HTML页面中使用twitter bootstraps，我想要一个具有一定宽度的标题：

<div class="row-fluid" style="padding-left:2px">
    <div class="container">
        <div class="page-header">
            <img src="@routes.Assets.at("images/myimage.png")" alt="image" style="width:10%"></img>
        </div>
    </div>
</div>

在Firefox中，它显示正确（标题是页面的10％），但在chrome上，它显示为没有设置宽度。

这里奇怪的是，当我检查元素时，有：

element.style {
width: 10%;
}

检查宽度，但是当我取消选中它并重新检查它时，图像会正确显示...

Nutshell：Google Chrome没有考虑我的风格，但是当我检查时，取消选中然后检查css属性......