È dovuta al fatto che le immagini sono elementi inline, vengono cioè disegnate seguendo la riga di testo, in particolare lo spazio colorato di arancione corrisponde all'altezza della parte discendente della riga di testo (lo spazio nel quale si estendono i tratti discendenti dei glifi quali p, q, g), questo accade poiché le immagini sono poggiate sulla linea di base. Per risolvere l'inconveniente puoi forzare l'immagine a diventare un elemento di tipo blocco, impostando la proprietà CSS display su block.
Inoltre ti sconsiglio di usare le tabelle per organizzare la struttura grafica della pagina e di usare una larghezza fissa per i div contenitori, specialmente se è così ampia.