LABL Верхняя граница управления не регулируется

Question

У меня есть контроль над меткой в ​​ячейке табуляции и с помощью CSS на hover я установил верхнюю границу или красный цвет. PRoblem - это то, что верхняя граница показывает расстояние до границы, как в моем изображение прилагается к вопросу

Если Вы видите то красная граница не нравится квадратный угол, а также показывает пустое пространство сверху на вершине it.I уже много пытались удалить это, но я failed.Please кто-нибудь поможет мне сделать граничные углы равными, а также черное пространство должно понравиться этому второму изображению. Короче говоря, я хочу сделать границу следующим образом:

Мой CSS код ниже код управления

#sddmCA div 
{ position: absolute; 
    visibility: hidden; 
    margin: 0; 
    padding: 0; 
    background: #444444; 
    border: 1px solid #959595; 
    border-top-color:#464646; 
    margin-top:1cm; 

и этикетки здесь

<ul id="sddmCA"> 
<asp:Label ID="CA" runat="server" Font-Names="Arial" Font-Size="10pt" ForeColor="#CCCCCC" Style="margin-top:auto;" Height="100%" Text="Current Activities"   onmouseover="var b = ChangeColorCA(); hideshow(this); this.style.cursor='pointer'; boldCA(); return b"          onmouseout="var b = mclosetime(); return b;" onclick="var a = mopen('m11'); this.style.background='#464646'; this.style.color='#FFFFFF'; this.style.borderBottomColor ='#464646'; this.style.borderRightColor ='#464646'; this.style.borderLeftColor ='#464646'; return a" ></asp:Label>&nbsp;&nbsp; 

Answer 1

Вы можете либо установить черную границу на не парил состоянии, которое имеет такую ​​же ширину как зависание, или использовать тень окна (в зависимости от того, какие браузеры вы решите поддерживать)

#sddmCA div /*removed non-question related code*/ 
{ 
    border: 1px solid #959595; 
    border-top-color:#000000; 
} 

#sddmCA div:hover 
{ 
    border: 1px solid #959595; 
    border-top-color:#464646; 
} 

Это будет держать его в том же месте, где граница не изменяется при его зависании.