Mac OS X のDock風の表現をcssで実現する

やりたいこと

できあがったもの

• 
• 
• 
• 
• 

コード

<!-- sectionタグ内に画像を並べて表示 -->
<section id="dock">
<img src="http://f.st-hatena.com/images/fotolife/j/javabayashi/20140503/20140503131045.jpg?1399090451" />
<img src="http://f.st-hatena.com/images/fotolife/j/javabayashi/20140503/20140503131045.jpg?1399090451" />
<img src="http://f.st-hatena.com/images/fotolife/j/javabayashi/20140503/20140503131045.jpg?1399090451" />
<img src="http://f.st-hatena.com/images/fotolife/j/javabayashi/20140503/20140503131045.jpg?1399090451" />
<img src="http://f.st-hatena.com/images/fotolife/j/javabayashi/20140503/20140503131045.jpg?1399090451" />
</section>

/* 画像の初期表示 */
section#dock img {
    float: left;
    width: 64px;
    height: 64px;
}
/* hoverした画像を拡大 */
section#dock img:hover {
    width: 96px;
    height: 96px;
}
/* 隣接した画像を拡大 */
section#dock img:hover + img {
    width: 80px;
    height: 80px;
}

うん。なんか違う。