Aktiver scroll i et div-tag frem for i body

Hej.

Jeg har en side, hvor jeg gerne vil have div-tagget "main" til at vise scroll-bar, når indholdet er over 100% af body'ens height. Derfor har jeg lavet flg. ændringer i mit css. Men ind til videre er scrollbaren kun fjernet fra min body - men ikke "flyttet over" til min "main"-div. Kan nogen hjælpe mig?

CSS:

html{
    height:100%;
    overflow:hidden;
}
html>body div#indhold{
    overflow:hidden;
    height: auto;
    min-height:100%;
}

body {
    margin:0px 20% 0px 20%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:150%;
    background-color: #006000;
    height:100%;
    overflow:hidden;
    width:60%;
}
div#indhold{
    height:100%;
    position:relative;
    overflow:hidden;
    border-left: 6px solid #FFFFFF;
    border-right: 6px solid #FFFFFF;
        width:100%;
}
div#top{
    background-color:#006000;
    margin-bottom:20px;
}
div#main{
    background-color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
    background-attachment: scroll;
    background-image:  url("baggrund.jpg");
    background-repeat: no-repeat;
    background-position: center 200px;
    overflow:scroll;
}