Witam, mam taki kod html;

[HTML] pobierz, plaintext 
        <div id="header">
            <div id="logo">
                <h1>tworzenie stron internetowych</h1>   
                <h2>Sebastian <strong>Pisula</strong></h2>
                <div>gg: 2719294 mail: sebekzosw@o2.pl</div>
            </div>
        </div>
[HTML] pobierz, plaintext 

i css

[CSS] pobierz, plaintext 
#header
{
    width: 100%;
    height: 78px;
    color: #ccc;
    border-bottom: 1px solid black;
    /*background: #2C2C2C;*/
    background: #2C2C2C url(../images/logo2bg.png) no-repeat left 0px;    
}
 
.text
{
    width: 980px;
    margin: 0px auto;
}
 
#logo
{
    width: 1000px;
    height: 78px;
    margin: 0px auto;
}
 
h1
{
    width: 150px;
    font-size: 10px;
    color: #898989;
    position: relative;
    left: 8%;
    top: 53%;
}
 
h2
{
    width: 150px;
    color: #eee;
    font-size: 22px;
    position: relative;
    left: 7%;
    top: 10%;
}
 
h2 strong
{
    color: #898989;
}
 
#logo div
{
    float: right;
    color: #898989;
    font-size: 12px;
}
[CSS] pobierz, plaintext 

i taki efekt w rozdzielczości 1024 i 1366:

http://i40.tinypic.com/kcma9x.jpg
http://i43.tinypic.com/sltr2h.jpg

chciałbym aby ucinało tło w przeglądarkach o mniejszych rozdzielczościach (cień), ale niestety mi to przesuwa...


#header powinno za to odpowiadać. proszę o pomoc.

demo: www.demo.spisula.pl/spisula.pl/

nie bardzo... jak jest ten slider to równo z nim musi zaczynać się niebieski prostokąt:

http://demo.spisula.pl/spisula.pl/images/logo2bg.png

dodatkowo cień co jest po prawej będzie zawsze pokazany, a ten po lewej przy mniejszych rozdzielczościach okrojony

daj demo online

http://demo.spisula.pl/spisula.pl/

Daj w #logo {
margin-left: 120px;
position: absolute;
}

i usuń tego swojego margina.

albo inaczej wyciąć ten obrazek aby wyśrodkowany leżał w dobrym miejscu, albo dać #logo position relative i w nim dodać kolejnego diva z tym obrazkiem position absolutem ustawionym i odpowiednimi z-indexami