I want to make a full height website but it seem twitter make issue with body min-height 100%

here my css :

```
html{
    height:100%;
}
body{
    min-height:100%
}
#main{
    min-height:100%;
}

```

and here my HTML :

```
<html>
    <head>
        ...
    </head>
    <body>
        <div id="main" class="container">
            ...
        </div>
    </body>
</html>

```

I want my #main div always same height that browser if content is smaller than browser but I want my div will highter than browser if my content is bigger.

With my code, #main div always take height of my content and don't adjust to my browser size if i have a small content.

Why ?!