Problém s umiestnením prvkov

Jednoducho, mám hore obrázok ktorý by sa mal prispôsobovať rozlíšeniu obrazovky tak, aby si vždy zachoval pomer strán. Problém mám s umiestnením prvkov na tento obrázok. To logo Kabátu hore by malo slúžiť ako odkaz na úvodnú stránku a taktiež by sa malo prispôsobovať vlastne veľkosti toho obrázka (ono keby som nechal stálu veľkosť, po čase prekryje niekoho hlavu). A menu nakoniec, to zostáva stále rovnaké, akurát musí byť vždy naspodku. Rozmýšľal som, skúšal, no vždy som narazil na problém ktorý som nevedel vyriešiť a zase odznova...

Ukážka: https://drive.google.com/file/d/0B8dVY9 ... sp=sharing (tie farby ten google nejak divne zobazuje).

mas fotku a obrazok loga ako <img> ci background-image?

posli kod ako si to robil, bude sa nam lepsie radit, mame z coho vychadzat.

ono skusal som aj cez background aj cez normal obrazok, som otvoreny vsetkym moznostiam, radsej by som siel od zaciatku aby som to dobre pochopil

Tak začni od začiatku a keď to budeš mať a nebude to fungovať, tak sem pridaj odkaz na stránku.

neviem aky mas DOM strom, ale tak pokial je podklad prisposobivy, logo moze byt takisto ako ten podklad prisposobive nie?

teda ak je obrazok kabatakov v dive a to logo s nim v nom a prekryva ho, reaguje logo percentualne na velkost parent divu ....

este teda mas moznosti napr. vyuzit http://www.w3.org/TR/css3-mediaqueries/ (trosku pocitanicko, ale pre webdesignera sa zide)

a teda pripadne javascriptom este pred vykreslenim injectnut css style zmenu na zaklade identifikovania rozlisenia devicu (cez JS to co tam CSS3 uz riesi vlastne, len nie vsetko este podporuje CSS3)

nepotrebuje media queries, stacilo ak div pre logo sa ma sirku a poziciu left v percentach.
ale ako som pisal, treba to vidiet. nemam cas na to aby som to vytvaral u seba od nuly a skusal.

Takto som pokročil (http://bednarciks.7u.cz/). Ten priestor nad obrázkom prosím nevšímať, to ten hosting si tam niečo vkladá. Myslíte že je to dobré riešenie? Čo sa týka loga, ja nechápem tomu, raz to funguje, raz nie... A rád by som ešte aby sa prispôsoboval text v menu, no nieje to potrebné, a ešte ako ho zarovnať do stredu vertikálne ten text. Doteraz som to riešil cez line-height no teraz keď to nemá pevnú výšku tak neviem ako na to. Pôvodný zámer bol aby menu malo vždy na výšku 50px, no to som nevedel urobiť aby to fungovalo...

EDIT:// To logo som vyriešil pomocou max-width

EDIT:// Už som vyriešil aj centrovanie pomocou postupu z http://stackoverflow.com/questions/8865 ... v-with-css (Simulating table display)