Horizontálne zarovnanie obrázka - vzniká čudná medzera

Zdravím,

pri tvorbe jednoduchého floatovaného obsahu som narazil na problém, ktorý je zrejmý aj zo živej ukážky.

Obrázok sa totiž odmieta zarovnať doľava (chcem, aby sa ľavý okraj obrázku presne zhodoval s ľavým okrajom nadpisu 1. časť a ostatných textov vyššie). Záporný margin na div s obrázkom nefunguje, relatívna pozícia áno, ale tú použiť nechcem.

V HTML kóde ani CSS pritom nič, čo by mohlo túto medzeru spôsobovať, nevidím.

Ďakujem pekne za každú odpoveď.

Keeehi:
„Smazal jsem img z řádku 5 v CSS“

Hanbím sa ako pes, prehliadol som, že margin vlastne nastavujem 2× (obrázku i jeho rodičovi).

Ešte raz vďaka.

Tomáš123:
„Chcel by som sa opýtať, prečo nastavuješ všetko v percentách.“

Lebo ako kóder som dosť mizerný a musím na sebe popracovať. :-)

„Nebolo by tiež rozumnejšie odsadiť a vycentrovať jediný obaľovací blok?“

Výborná pripomienka, ďakujem.