I have two left pane areas.  One I'd like to have a border and background color handled via CSS; SolidLeftPane.

Issue is that when the pane is clear with nothing in it, it's still showing it's border at the top of the left pane. 

How do I remove this so it doesn't show it's collapsed border?  Thanks..

<div id="contentWrapper" class="wrapper"> <!-- ContentWrapper -->
     <div id="content"> <!-- Content -->
          <div id="ContentPane" class="ContentPane clearfix" runat="server"></div>
          <div id="LeftPane" class="LeftPane clearfix" runat="server"></div>
          <div id="SolidLeftPaneContent" class="SolidLeftPaneContent clearfix">
               <div id="SolidLeftPane" class="SolidLeftPane clearfix" runat="server"></div>
          </div>
          <div id="RightPane" class="RightPane clearfix" runat="server"></div>
          <div class="clear"></div>
         <div id="BottomPane" class="BottomPane clearfix" runat="server"></div>
         <div class="clear"></div>
   </div>
</div>

#contentWrapper {background-color:#ffff; padding:0;}
#contentWrapper #content {/*background:url('images/ContentTop.png') repeat-x 0 0;*/ background-color:#fff; min-height:20px; padding:10px 0;}
#contentWrapper #content .ContentPane {width:760px; padding:0 5px;}
#contentWrapper #content .LeftPane {float:left; width:263px; padding:0 7px 0 5px; border-right:3px solid #000;}
#contentWrapper #content .SolidLeftPaneContent {float:left; width:263px; padding:0 7px 0 5px; border-right:3px solid #000;}
#contentWrapper #content .SolidLeftPane {float:left; width:259px; padding:0 2px; background-color:#eef1f7; border:1px solid #7f8083;}
#contentWrapper #content .RightPane {float:right; width:480px; padding:0 5px 0 7px;}
#contentWrapper #content .BottomPane {width:760px; padding:0 5px;}