title: Chrome isn't displaying borders (sometimes)
body: <p>So, my site (www.around-around.com), has a lot of borders and they work fine on Safari, FF, and IE; but on Chrome, occasionally, they disappear. I've searched through the code and it doesn't make sense to me.</p>
  
  <p>If you go to <a href="http://www.around-around.com/8/" rel="nofollow">http://www.around-around.com/8/</a> on FF, you'll see the borders around the article. But on Chrome, they disappear. </p>
  
  <p>The relevant CSS is:</p>
  
  <pre><code>#page {
  background: none repeat scroll 0 0 #FFFFFF;
  border-left: 1px dotted #222222;
  border-right: 1px dotted #222222;
  margin: 0 auto;
  width: 1148px;
  }
  .singular #primary {
  margin-bottom: 0;
  padding: 0 0 20px 20px;
  width: 787px;
  border-right: 1px dotted #222222;
  float: left;
  }
  </code></pre>
  
  <p>(and #primary)</p>
  
  <p>I'm totally baffled. On other pages, such as <a href="http://www.around-around.com/dream-perfume/" rel="nofollow">http://www.around-around.com/dream-perfume/</a> , Chrome displays the borders fine. The code is exactly the same - the only difference is the post content.</p>