なぜタブメニューイメージがメニューサイズより大きくなければならないのですか？

Question

左右の丸い角の画像は、この例で使用されているthis page

から参照例2 83px height.Iまでの25ピクセルの高さの左右の丸い角の画像を使用しようとしましたさ（タブメニューの高さは25ピクセルである）と、ただし、メニューが乱れることがあります。

画像は実際のタブの高さよりもはるかに大きいことを持っているのはなぜ私の質問は

1. のですか？
2. イメージサイズの確認方法は？あなたは、その要素の背景として画像を使用する場合

Answer 1

あなたが必要とする、これはあなたの要素の高さのイメージを維持します

.some_class 
{ 
    height:100px; width:100px; 
    background: url('close.png'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -webkit-background-size: 100% 100%; /* Safari */ 
    -khtml-background-size: 100% 100%; /* Konqueror */ 
    -moz-background-size: 100% 100%; /* Firefox */ 
} 

この幅

あなたが内部の画像を使用している場合、 CSSで、その後

<div class="example"><img tag="images/someimage.jpg"></div> 

のようなHTMLコード内の要素は、以下のものが必要です

.example 
{ 
    height: 100px 
    width: 100px 
} 

.example img 
{ 
    width:100% 
    height:100% 
    here you can set up rounded borders for it too 
}