<p>I'm maintaining <a href="http://perl-begin.org/" rel="nofollow noreferrer">the Perl Beginners' Site</a> and used a modified template from Open Source Web Designs. Now, the problem is that I still have an undesired artifact: a gray line on the left side of the main frame, to the left of the navigation menu. Here's <a href="http://www.shlomifish.org/Files/files/images/Computer/Screenshots/perl-begin-bad-artif.png" rel="nofollow noreferrer">an image</a> highlighting the undesired effect.</p>

<p>How can I fix the CSS to remedy this problem?</p>

[{'answer_id': 74610, 'author': 'Shog9', 'author_id': 811, 'author_profile': 'https://Stackoverflow.com/users/811', 'pm_score': 4, 'selected': True, 'text': "<p>It's the <code>background-image</code> on the body showing through. Quick fix (edit style.css or add elsewhere):</p>\n\n<pre><code>#page-container\n{\n   background-color: white;\n}\n</code></pre>\n"}, {'answer_id': 74613, 'author': 'Stephen Wrighton', 'author_id': 7516, 'author_profile': 'https://Stackoverflow.com/users/7516', 'pm_score': 1, 'selected': False, 'text': '<p>That is an image. (see it here: <a href="http://perl-begin.org/images/background.gif" rel="nofollow noreferrer">http://perl-begin.org/images/background.gif</a>) It\'s set in the BODY class of your stylesheet.</p>\n'}, {'answer_id': 74621, 'author': 'Jonathan Rupp', 'author_id': 12502, 'author_profile': 'https://Stackoverflow.com/users/12502', 'pm_score': 0, 'selected': False, 'text': "<p>I think it's this:</p>\n\n<pre><code>#page-container {\n    border-left: solid 1px rgb(150,150,150); border-right: solid 1px rgb(150,150,150); \n}\n</code></pre>\n\n<p>However, I'm not seeing why the right border isn't showing up....</p>\n"}, {'answer_id': 74663, 'author': 'Jim', 'author_id': 8427, 'author_profile': 'https://Stackoverflow.com/users/8427', 'pm_score': 1, 'selected': False, 'text': '<p>The grey line is supposed to be there.  The reason why it looks odd is because the very top is hidden by the buffer element.  Remove the <code>background-color</code> rule from this ruleset:</p>\n\n<pre><code>.buffer {\n    float: left; width: 160px; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255); \n}\n</code></pre>\n'}, {'answer_id': 74774, 'author': 'user11070', 'author_id': 11070, 'author_profile': 'https://Stackoverflow.com/users/11070', 'pm_score': 0, 'selected': False, 'text': '<p>I would do a quick fix on this to add the style:</p>\n\n<pre><code>border-left:2px solid #BDBDBD;\n</code></pre>\n\n<p>to the .buffer class</p>\n\n<pre><code>.buffer {style.css (line 328)\n   background-color:#FFFFFF;\n   border-left:2px solid #BDBDBD; /* Grey border */\n   float:left;\n   height:20px;\n   margin:0px;\n   padding:0px;\n   width:160px;\n}\n</code></pre>\n'}, {'answer_id': 74795, 'author': 'Buzz', 'author_id': 13113, 'author_profile': 'https://Stackoverflow.com/users/13113', 'pm_score': 0, 'selected': False, 'text': "<p>I found the problem. </p>\n\n<p>The problem is that you need to set a white background on #page-container. As things stand, it has a transparent background, so the 5pt left margin on navbar-sidebanner is revealing the bg of the page_container ... so change that bg and you're cool. </p>\n"}, {'answer_id': 75055, 'author': 'Shlomi Fish', 'author_id': 7709, 'author_profile': 'https://Stackoverflow.com/users/7709', 'pm_score': -1, 'selected': False, 'text': '<p>Thanks to all the people who answered. The problem was indeed the transparency of the #page-container and the background image of the body. I fixed them both in the stylesheet. </p>\n'}]
['https://Stackoverflow.com/questions/74570', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/7709/']