Take the 2-minute tour ×

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.

If you go to http://www.around-around.com/8/ on FF, you'll see the borders around the article. But on Chrome, they disappear.

The relevant CSS is:

#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;

(and #primary)

I'm totally baffled. On other pages, such as http://www.around-around.com/dream-perfume/ , Chrome displays the borders fine. The code is exactly the same - the only difference is the post content.

share|improve this question
add comment

2 Answers

up vote 0 down vote accepted

I believe you are hitting http://code.google.com/p/chromium/issues/detail?id=32702


The bug has been fixed, verified against Chromium src@139014! Should go live in Chrome 21.

share|improve this answer
I think you're right Alexander. Thanks. I'm going to follow that thread and hopefully they'll figure it out. What a dumb problem. –  Luke Finsaas May 16 '12 at 19:20
add comment

because default border-style in Chrome is "none". for each border attribute in Chrome you must assign border-style value.

share|improve this answer
add comment

Your Answer


