html - ホバーコンテンツの移動時にボックスサイズの境界線が表示される

Question

コード：

   <div class="block">

    </div>

div.block
{
   box-sizing: border-box;
}
div.block:hover
{
   border: 1px solid orange;
}

ボックスサイジングを使用してブロックをホバリングすると、中のコンテンツが移動します。これを防ぐにはどうすればよいですか?