Верхняя граница не отображается в Chrome

Question

Меня попросили работать на веб-сайте, где используется библиотека jQuery под названием Wowbook. На каждой странице книги я определил элементы, содержащие контент. У меня возникли проблемы с выравниванием в нижней части каждой страницы, которые я исправил, но теперь у меня возникла новая проблема. Мой клиент настаивает на том, что один из элементов имеет границу вокруг него. Верхняя часть границы отлично выглядит в IE, но исчезает в Chrome. Когда я нажимаю, чтобы перевернуть страницу, на мгновение появляется граница.

URL: Sample page

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

 
    .pagesleft h1{ 
 
    \t text-align:center; \t 
 
    
 
    }

<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

Border отлично работает на IPad Aswell как последний хромированной версии. Попробуйте удалить кеш браузера и посмотрите, помогает ли он.