我的网站标题的定位已正确对齐，但在Chrome中它对齐不正确

Question

我有一个标题在我离线查看时正确对齐，以及在线使用Safari。当我使用chrome在线查看它时，它被错误地对齐，但如果我刷新页面，它将正确对齐。

以下是网站上自己观察问题的网址：http://viscovisco.com/（刷新浏览器以查看它自行修复，问题似乎只发生在Chrome中）。

也随意检查元素。如果您需要更多信息，请与我们联系。

以下是似乎在线工作不正常的部分的HTML代码：

<div class = "container">

    <div id="box1">
        <span id="firstname" onmouseover="nameToMatt()" onmouseout="defaultMode()">VISCO</span>

        <span id="lastname" onmouseover="nameToLexi()" onmouseout="defaultMode()">VISCO</span>

        <br>
        <span id="information"></span>
        <br>
        Design & Programming
    </div>

    <div id="rightBoxes">
        <div id="box2">
            <i>Est.</i> 2014.
            <br>
            Based in SF Bay Area
        </div>

        <div id="box3">
            <div class="letter"> L </div> 510 541 2464
            <br>
            <div class="letter"> M </div> 510 367 6435
        </div>

        <div id="box4">
            Hallo!
            <br>
            projects@viscovisco.com
        </div>  
    </div>

</div>

以下是相关的CSS：

.container {
    font-family: "Times New Roman", Times, serif;
    font-size: 18.66px;
    line-height: 22.4px;
    min-width:960px;
}
.container > div {
    display: inline-block;
}

#box1 {
    width: 340px;
}

#rightBoxes {
    float: right;
}

#rightBoxes > div {
    float: left;
}

#box2 {
    margin-right: 45px;
}

#box3 {
    margin-right: 81px;
}

这里是网站正确和错误格式的屏幕截图。左边是我在第一次打开网站时在Chrome浏览器中在网站上看到的错误格式。右侧是Chrome在网站刷新时切换到的正确格式（此格式也可在离线和Safari上看到）：

（图片关闭了一些网站，您应该能够看到完整的网站，并通过点击上面提供的链接注意所描述的行为）