LAbelコントロール上の境界線が調整されていない

Question

Tabelセルにはラベルコントロールがあり、上にはCSSがあります。上の境界線または赤色を設定しています.Pobblmは、上の境界の位置が距離を表示していますあなたはその後、赤い枠が表示される場合は、質問

に添付された画像は、正方形のコーナーが好きともit.Iの上に空白トップのスペースを示していないあまり、これを削除しようとしましたが、私はfailed.Pleaseています誰も私にボーダーコーナーを平等にするのを助け、また黒いスペースはこの2番目のイメージを好むべきです。短い私はこのイメージのようなボーダーを作りたいです

私の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; 
} 

これは、ホバリングしたときにボーダーがサイズを変更しないのと同じ場所に保持します。