CSS pozicování

Mám problém s pozicováním, příklad je vidět na http://rockhound.cz/obchod/ - jedná se o červenou "čáru" pod hlavičkou. Ve stručnosti, abyste nemuseli vše luštit: Celý obsah je v divu #content, pevná šířka 1100px, margin: 0 auto. Úplně nahoře je obrázek a pod ním to vynechá cca 4 pixely a teprve pak navazuje další div #main s obsahem. Červená "čára" je právě "prosvítající" pozadí divu #content, který jsem obarvil kvůli názornosti na červeno. Opravdu nemám tuchy, jak a kde to vzniká. Bezpečně jsem ověřil, že to je problém vrchního divu, ničeho jiného. Problém není v liště ani v divech s obsahem níže, pokud se vršek vymaže, žádný prostor vynechán nebude. Prostor se vynechá dokonce i v případě, že celý obalový div #content vymažu a nechám tam jen obrázek samotný. Navíc pokud mu nastavím margin: 0 auto, rovná se furt doleva. Když ho zabalím do separátního divu (#header), nijak to nepomůže. Totéž nastavení padding nebo border na 0, tím to prostě není. Už mi prostě došla inspirace... Asi to bude nějaká triviální blbůstka, ale vážně už nevím, co s tím. Prosím o nápovědu, komentáře o mé lamovatosti si nechte od cesty;) Díky všem zúčastněným.

Stačí obrázku v headeru přidat display:block;

Lukáš: Díky moc, dávám boda :)

Úžasný turbo vzorek z nejtmavší štoly kdesi v Arizonské prdeli

tak toto ma dostalo :D :D :D

No tak pro fajnšmekry je tam prima demo http://rockhound.cz/obchod/index_demo.php ;)