I border non si congiungono

Non capisco perché in fondo rimangono i 2 angoli scoperti

#sx {
    float: left; 
    width: 15%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #bfbfbf;
    border-radius: 6px; 
    text-shadow: 0px 1px 0px #ffffff;   
} 

[karl94]

Ad occhio direi che hai piazzato dentro a #sx un elemento con colore di sfondo definito, ma con raggio del bordo pari a zero, il che produce un rettangolo in tinta unita che viene sovrapposto al bordo dell'elemento padre. Dovresti definire il colore di sfondo direttamente sull'elemento con il bordo.