I have tried all of the CSS listed on this site and others and cannot get a footer on my page to appear at the bottom...right now it's floating in the top half of the page. Below is my CSS; it may have a lot of extra stuff because I've tried everything, and this is my first site.

See: [www.medsocialgroup.com](http://www.medsocialgroup.com)

Thank you!

**CSS**

```
<!-- language: lang-css -->

body {
    text-align: center;
    background-color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    color: #333;
    background-image: url(dropshadow.jpg);
    background-repeat: repeat-y;
    background-position: center center;
    margin:0;
    padding:0;
    height:100%;
}

div.wrapper
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    width:790px;
    min-height:100%; 
    height:auto
    height: 100%
    background-color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
}
#medcommunity{
    font-size:36px;
    color: #999;
    }
#left_column{
    float:left;
    margin-left:0px;
    width:390px;
    height:420px;
    border-right-width: thin;
    border-right-style: double;
    border-right-color: #CCC;

}
#logo{
    float:left;
    clear:left;
    margin-top:100px;
    margin-left:0px;
}

#right_column{
    float:right;
    padding:0;
    width:385px;
    height:420px;
    font-family: Verdana, Geneva, sans-serif;
    color: #333;
    font-size: 16px;
    text-align: left;

}
#webtext{
    margin-top:75px;
    font-size: 20px;
}

#menu{
    background-color:#CCC;
    width:100%;
    height:40px;
    margin-top:50px;
    padding-top: 20px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    text-align: center;
    background-position: center center;
    color: #FFF;
}

#footer{
    background-color:#CCC;
    width: 100%;
    height:50px;
    color: #CCC;
    border-top-width: thin;
    border-top-style: double;
    border-top-color: #999;
    text-align: center;
}

```