Partielle de la Frontière dans le CSS

J'ai deux divs avec des bords comme sur la photo ci-dessous montre.

Partielle de la Frontière dans le CSS

Comment puis-je supprimer seulement de la frontière, où les 2 divs tactile comme sur l'image ci-dessous montre?

Partielle de la Frontière dans le CSS

Voici le html et le css utilisé dans la photo du haut (js fiddle: http://jsfiddle.net/paulyoder/whsC4/19/)

<html>
    <head>
        <style type="text/css">
            #sideBar {
                float: left;
                width: 75px;
                height: 50px;
                border-top: 1px solid black;
                border-left: 1px solid black;
                border-bottom: 1px solid black
            }

            #balanceSheetSummary {
                float: left;
                width: 150px;
                height: 150px;
                border: 1px solid black;
            }

            body { padding: 10px; }
            h2 { margin: 5px; }
        </style>
    </head>
    <body>
        <div id="sideBar">
            <h2>Side Bar</h2>
        </div>
        <div id="balanceSheetSummary">
            <h2>Content</h2>    
        </div>
    </body>
</html>

OriginalL'auteur Paul | 2011-12-02