顶部边框未出现在Chrome中

Question

我被要求在一个使用名为Wowbook的jQuery库的网站上工作。在本书的每一页上，我都定义了包含内容的元素。我在每个页面的底部都有一些对齐问题，我已经修复了，但现在我遇到了一个新问题。我的客户坚持要求其中一个边框的元素。边框的顶部在IE中看起来很好但在Chrome中消失了。当我点击翻页时，边框会暂时出现。

网址：Sample page

    .pagesleftcontent{ /* this has to have the border */
    	position: relative;
    	padding: 10px;
    	height: 345px;
    	overflow: auto;
    	z-index: 1;
    	border: 1px solid #000;
    }
    .pagesleftcontent2{ /* I use this to shorten the element when the heading above wraps onto two lines */
    	height: 323px;
    }

    .pagesleft h1{
    	text-align:center;	
    
    }

    <div class='pagesleft'>
      <h1>Title</h1>
      <div class="pagesleftcontent">
        <p>... yadda yadda yadda ...</p>
        
        
      </div>
      <div class="posterID">
        15542
      </div>
      <div class="signature">
        Le Rappel<br>
        Jules Cheret<br>
        France, 1889<br>
        Size: 73&quot; X 52&quot;
      </div>
    </div>
    

Answer 1

边框在iPad上运行得非常好，以及最新的镀铬版本。尝试删除浏览器缓存，看看它是否有帮助。