Osuwanie się strony w dół. Opcje

[Recik]

Witam.. ma problem. Jakim cudem, gdy utworzę sobie nowego diva na dole strony to osuwa mi się automatycznie cała strona? Nowy div pokazuje się na górze strony. Jak to możliwe, jeżeli umieściłem go w kodzie strony na samym dole?

Pozdrawiam.

Ten post edytował Recik 18.05.2011, 19:28:49

[Recik]

[HTML] pobierz, plaintext 
html, body {
margin: 0;
padding: 0;
}
 
a img {
    border: none;
}
 
body {
background: #000000;
background-image: url('images/bg.jpg');
background-repeat: no-repeat;
background-position: top;
 
}
 
#container{
 
 
    width: 1100px;
    margin: 0 auto;
}
 
#logo{
 
width: 577px;
height: 118px;
background-image: url(images/logo.png);
float: left;
margin-top: 30px;
position: static;
}
#koncerty{
 
width: 592px;
height: 45px;
background-image: url(images/koncerty.png);
margin-left: 430px;
margin-top: 70px;
 
 
}
#girder{
 
width: 761px;
height: 63px;
background-image: url(images/belka_navi.png);
margin-left: 429px;
margin-top: 30px;
position: absolute;
 
}
#home{
 
width: 111px;
height: 63px;
background-image: url(images/home.png); 
margin-top: -5px;
margin-left: 10px;
position: absolute;
}
#home:hover{
 
width: 111px;
height: 63px;
background-image: url(images/home_hover.png); 
background-repeat: no-repeat;
margin-top: -5px;
margin-left: 10px;
position: absolute;
}
#ozespole{
 
width: 116px;
height: 52px;
background-image: url(images/ozespole.png); 
margin-top: 4px;
margin-left: 117px;
position: absolute;
}
#ozespole:hover{
 
width: 116px;
height: 52px;
background-image: url(images/ozespole_hover.png); 
margin-top: 4px;
margin-left: 117px;
position: absolute;
 
}
#galeria{
 
width: 115px;
height: 51px;
background-image: url(images/galeria.png); 
margin-top: 4px;
margin-left: 230px;
position: absolute;
 
}
#galeria:hover{
 
width: 115px;
height: 51px;
background-image: url(images/galeria_hover.png); 
margin-top: 4px;
margin-left: 230px;
position: absolute;
}
#multimedia{
 
width: 113px;
height: 50px;
background-image: url(images/multimedia.png); 
margin-top: 5px;
margin-left: 345px;
position: absolute;
}
#multimedia:hover{
 
width: 113px;
height: 50px;
background-image: url(images/multimedia_hover.png); 
margin-top: 5px;
margin-left: 345px;
position: absolute;
 
}
#plytoteka{
 
width: 115px;
height: 52px;
background-image: url(images/plytoteka.png); 
margin-top: 4px;
margin-left: 450px;
position: absolute;
 
}
#plytoteka:hover{
 
width: 115px;
height: 52px;
background-image: url(images/plytoteka_hover.png); 
background-repeat: no-repeat;
margin-top: 4px;
margin-left: 450px;
position: absolute;
 
}
#kontakt{
 
width: 114px;
height: 51px;
background-image: url(images/kontakt.png); 
margin-top: 4px;
margin-left: 570px;
position: absolute;
 
}
#kontakt:hover{
 
width: 114px;
height: 51px;
background-image: url(images/kontakt_hover.png); 
margin-top: 4px;
margin-left: 570px;
position: absolute;
 
}
#news_gora{
 
width: 906px;
height: 64px;
background-image: url(images/news_bg.png); 
background-repeat: no-repeat;
margin-top: 570px;
margin-left: 100px;
position: absolute;
 
}
 
#linie_news{
 
width: 970px;
height: 130px;
background-image: url(images/linie_news.png); 
margin-top: 32px;
margin-left: -680px;
 
}
#news_center{
 
margin-top: 622px;
margin-left: 97px;
width: 926px;
height: auto;
background-image: url(images/news_center.png);
background-repeat: repeat-y;
position: absolute;
 
 
 
}
 
#news_down{
 
width: 892px;
height: 26px;
background-image: url(images/news_dol.png);
margin-left: 9px;
margin-top: 100px;
position: relative;
}
[HTML] pobierz, plaintext