高さが16px以下の画像を指定の位置に表示させたいのに、余計な隙間ができた場合は、
- imgをmargin: 0;にする。
- divをdisplay: inline;にする。
それでも解決しないときは、
- imgをdisplay: block;にする。
- divをfont-size: 0; または、vertical-align: top;にする。
inline-blockはその挙動になります。
その次に重要なのが何がblock要素、何かinline-block要素、何がinlineなのかというところになってきます。
HTML5ではその境界がなくなったと言われていますが、それはあくまで新要素であるsection, article、navなどの事でありまだその概念はしっかり残っています。