html - ホバー時にサイズ変更するときに div を別の div の上に表示する

Question

幅と高さが固定された div がいくつか並んでいます。ホバー時に幅と高さを増やしたいが、結果の div を他の div の上に表示し、次の行に送信しない

どうすれば css でできますか?

私のHTML：

<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>

私のCSS：

.box{
   float:right;
   width:173px;
   height:173px;
}

.box:hover{
   width:220px
   height:220px;    
}