zu 1.: Was @Rolf B schon schrieb.
zu 2. img
ist ein Inline-Element und steht somit auf der Grundlinie des Textes. Der "weiße Balken" darunter ist der Bereich der Unterlänge. Um das Bild auf den Zeilenboden zu stellen, genügt ein vertical-align: bottom;
.