Zbytocne biele a cierne miest na spodku stranky.

Zdravim, na stranke sa mi objavuje zbytocne biele a cierne miesto, ktore vobec nepotrebujem a fakt si neviem rady ako by som sa ho zbavil .. Nevie niekto pls ako na to?



Vopred diky za vsetky rady.

CSS:
[code]@charset "UTF-8";

body {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#7f7d78;
font-size:13px;

}
#main {
background-color: #000;
background-image: url(images/back-slice.gif);
background-repeat: repeat-x;

}

.container {
width:950px;
margin:0 auto;
position:relative;
}
/*
header
*/

#header {
padding-top:10px;
padding-bottom:10px;
}
#logo h1 {
margin:0px;
display:block;
text-indent:-9999px;
}
#logo {
background-image:url(images/logo.png);
background-repeat:no-repeat;
width:370px;
height:135px;
}


.block {
margin-bottom:0px;
top:0px;
position:relative;
}

.block_inside {
top:-200px;
height:576px;
position:relative;
background-image:url(images/obsah.gif);
background-repeat:no-repeat;
padding:20px;
overflow:auto;
}


#content_area {
width:600px;
top:-55px;
left:180px;
float:left;
color:#333333;
}

/* menu */
#menu {
position:relative;
left:-40px;
top:70px;
}

#home {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#riesenia {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#onas {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#referencie {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#kariera {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#kontakty {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#eshop {
position:relative;
left:27px;
top:0px;
width:189px;
height:42px;
}

/* kontakt */

#sidebar {
float:left;
width:210px;
position:relative;
top:-20px;
left:160px;
margin-top:0px;
word-wrap: break-word;
}

#sidebar .block_inside {
background-image:url(images/kontakt.gif);
color:black;
}

/*
footer
*/

#footer {
background-image:url(images/footer.gif);
background-repeat:repeat-x;
padding:50px;
position:relative;
top:-300px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}

.footer_column {
position:relative;
top:-30px;
float:left;
}
#footer .long {

width:900px;
}
[/code]

ok .. tu je link : .. LINK

to som zobral s jedneho navodu lebo mi nechcelo roztiahnut na celu sirku footer .. uz som to ale spravil aj bez toho ..cize mam uz jeden div na footer .. ale stale mam velke miesto na spodku stranky.. nic sa nezmenilo tam ..

no moze to byt v tom relativnom..lebo som to skusil druhy krat ale absolutnym pozicovanim a nemam dole ziadne zbytocne miesta, len zasa stranka neni na strede pri kazdom rozliseni .. stredny objekt sice je v strede ..ale menu a kontakt okno su rozhadzane .. no ale myslim ze tento problem sa asi bude riesit lahsie nez ten so zbytocnym miestom..