Mam taki szkielet:

[HTML] pobierz, plaintext 
<div id="container">
            <div id="logo"></div>
            <div id="rest">
                <div id="notka">
                <h3>Tytuł</h3>
                <p>notka</p></div>
                <div id="sidebar"><ul><li>cos</li>
                <li>cosc</li></ul></div>
                <div class="clear"></div>
            <div>
        </div>
 
[HTML] pobierz, plaintext 

#logo i #notka mają ustawione beckground-image'y. Niestety nie "łączą się" te obrazki. Zostaje pozioma kreska o wysokości 1px.
Gdy daję #logo i #notka zamiast imaga color jakiś (to kolory się łączą). Obrazki są wypełnione do samego brzegu.

Sprawdź sobie wpierw jak wygląda sprawa marginesów, padding i border tych elementów. Bo to one mogą wpływać na pewne rozsunięcie.

W jakiej przeglądarce?

Wszystko jest zresetowane (css), nie ustawiałem żadnych marginesów ani paddingów dla tych elementów.
W operze, FF, chromium, konqueror, arora...wszędzie.

Przydał by się podgląd na żywo

Z własnej autopsji wiem, że często gdzieś się chowa błąd który się zrobiło, będąc święcie przekonanym że wszystko jest ok

style:

* {
padding: 0;
margin: 0;
}

I postaraj się ustawić wielkość DIVow zawierających background-image idealnie na rozmiar obrazka, jeżeli te divy zawierają części laya, bo może być że zawartość bądź jej formatowanie "powiększa" diva o ten pixel

No i nie wiem co tam masz, ale sprawdź #reset czy nic nie psuje

omg, jednak już się więcej do grafiki nie dotykam. n/c (; (błąd w grafice był)
A wcześniej sprawdzałem i byłem przekonany że obrazki są ok...

No tak bywa, że pies tonie a smycz pływa
i pamiętaj: doświadczenie to jest to, co się zdobywa chwilę po tym, kiedy by się przydało.
Na przyszłość będziesz bardziej wyczulony na to

Nie resetuj stylów w ten sposób bo to najgorsze co możesz zrobić.