Problem s layoutom

Nazdarek mam mozno banalny problem ale ja s nim neviem pohnut.
Tvorim klasicky layout. Hore banner, pod nim stranka a jej obsah.
Banner tvori jeden obrazok, ktory je vlozeny priamo v tagu BODY a zarovnany na stred. Pod nim telo stranky v tagu DIV s pevnou sirkou a automatickym okrajom (cize tiez zarovnany na stred.) Problem je ze medzi bannerom a DIVom vznika (iba v IE) medzera cca 4px.

Poradte ako sa jej zbavit. Tag body ako aj div maju 0px okraje aj padding.

keby si hodil zdrojaky resp. stranku tak by sa to lepsie riesilo,
navyse pri slove "klasicky layout" si predstavy kazdy nieco ine

pre tagy BODY, prípadne aj HTML nastav margin="0",
ak to nepomôže, máš ešte problém s pozicovaním DIV,
banner si daj tiež do DIV s nastavením pozícii, potom by už tam nemala byť žiadna medzera, napríklad:
centrovanie si vyrieš podľa seba, je niekoľko spôsobov

banner skus vlozit ako pozadie divu a nie priamo do stranky a pod neho daj div s obsahom

No tak som asi prisiel na tu chybu. Problem to robi vtedy ked dam zvlast do divu banner ukoncim div a do noveho divu dam telo stranky. Ak obalim telo stranky divom banneru tak to medzeru nerobi. Ale neviem ci je to najelegantnejsie riesenie.

Napriklad na stranke www.onnovanbraam.sk ma banner vlozeny priamo v tele ako obrazok bez obalenia DIVom a telo potom uz v DIVoch ako potrebuje. A 4px odskok mu tam nerobi. Prehrabal som mu cele css ale na nic som neprisiel ako je to mozne.

Zaujimave je, ze ked si tu stranku stiahnem a otvorim z disku, tak tam ten odskok opat je.

Asi som lama. Skuste sa na to niekto pozriet a ak by ste na daco prisli tak dajte vediet. Dik

A tu je este zdroj aby aby ste vedeli o co ide.

<body margin="0">
<div style="width:100%; top:0; background-color:red;">
<img src="images/banner.gif" alt="banner" width="990px" height="104px">
<!--TU VZNIKA MEDZERA-->
</div> <!--AK DAM TENTO KONIEC DIVU ZA DIV OBSAHU TAK SA MEDZERA STRATI AKO SA JEJ ALE ZBAVIT AK CHCEM ZACHOVAT TUTO STRUKTURU BTW. ROBI TO AJ KED TO DAM DO TABULKY A BUNIEK-->
<div style="background-color:gray;">
ĎALŠÍ OBSAH STRÁNKY
</div>
</body>

skus na img dat border=0px, alebo margin=0px

No hosi, tak poroblem je vyrieseny. Nic z toho co ste povedali. Problem bol ako som si myslel absolutne banalny a tak si povazujem za poivinnost ho sem poslat.

Problem bol v tom, ze za tagom obrazku s banerom som ukoncil div a tag konca divu som dal do noveho riadku a nie hned za tag IMG. Prehliadac to bral ako novy riadok a vykreslil teda pod obrazkom 4px medzeru..

tak to je fakt banálny problém, lebo mne tú medzeru medzi tagmi nerobilo ani v jednom prípade, dokonca ani keď som nenastavil margin pre body (veď to je len vonkajší okraj,) dva tagy DIV nemôžu medzi sebou robiť medzeru, iba ak to tak nastavíš pozicovaním, alebo chybným písaním kodu

testované na FF v 2.0.1 a IE v 6.0

no ono to ani nebol problem ze by sa robila medzera medzi divmi ale ze sa robila medzera za obrazkom v dive.