I've checked my css file and I don't see it. The middle of the content should have the connecting lines and be white, but it's gone and only picking up the page background color. www.dixiescalling.com here is my style sheet body { background: #000000; color: #333333; font-size: 11px; font-family: Verdana, Helvetica, Sans-Serif; margin: 0px auto 0px; padding: 0px; } #wrap { width: 800px; color: #333333; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px auto 0px; padding: 0px; } /************************************************ * Content * ************************************************/ #contenttop { background: #ffffff url(images/contenttop.gif); width: 800px; height: 40px; margin: 0px auto 0px; padding: 0px; } #contentbottom { background: #ffffff url(images/contentbot.gif); width: 800px; height: 30px; margin: 0px auto 0px; padding: 0px; } #content { width: 640px; margin: 0px auto 0px; padding: 0px 0px 0px 0px; background: #ffffff url(images/content.gif) top center repeat-y; } .title { width: 640px; margin: 0px auto 0px; padding: 0px; background: #ffffff; } .titleleft { width: 440px; height: 40px; float: left; margin: 0px; padding: 0px; text-align: left; background: #ffffff; } .titleright { width: 195px; height: 40px; float: right; margin: 0px; padding: 0px; text-align: right; background: #ffffff; } #content p{ padding: 0px 0px 15px 0px; margin: 0px; line-height: 20px; background: #ffffff; } #content p img{ border: none; margin-bottom: 10px; } #content h1 { color: #333333; font-size: 22px; font-family: Tahoma, Verdana, Arial, Sans-Serif; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px; } #content h1 a { color: #333333; text-decoration: none; } #content h1 a:hover { color: #660000; text-decoration: none; } #content blockquote p, #content blockquote ol, #content blockquote ul{ margin: 0 0 10px 0px; padding: 10px 0 0 0; background: #ffffff; } blockquote{ margin: 0px 25px 15px 25px; padding: 0px 25px 0px 10px; background: #ffffff; border-top: 2px solid #000000; border-bottom: 1px solid #000000; } #content ol{ margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; } #content ol li{ margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; } #content ul{ list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; } #content ul li{ list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; } #content img.wp-smiley { float: none; border: none; padding: 0px; margin: 0px; } #content img.wp-wink { float: none; border: none; padding: 0px; margin: 0px; }
Try firefox console error ( CTRL + SHIFT + J ) If that doesn't work do as drhowarddrfine said, validate your html/css: http://validator.w3.org/