I'd like to style a three-column 'fat footer' at the bottom of my site. I was able to set up the general footer tag correctly (the background color, size and positioning of the whole footer), but I am having a bit of trouble understanding how to properly style the three columns within. 
Here is my markup:

```
<footer>

        <li class="column1">
            <li><a href="#">Contact</a></li>
            <li><a href="#">Terms & Conditions</a></li>
            <li><a href="#">Sizing Chart</a></li>
            <li><a href="#">Returns & Exchanges</a></li>
            <li><a href="#">Shipping Information</a></li>
        </li>

        <ul class="column2">
            <li>###-###-####</li>
            <li>email</li>
        </ul>

        <ul class="column3">
            <div class="fb-like" data-href="fb page" data-send="true" data-layout="button_count" data-width="30" data-show-faces="false" data-font="arial"></div>
            <li><a href="#">Facebook</a></li>
            <li><a href="#">Twitter</a></li>
            <li><a href="#">Tumblr</a></li>
        </ul>
</footer>

```

And here is my CSS for it:

```
footer {
letter-spacing: 0.2px;
margin-top: 20px;
margin-bottom:30px;
margin-left: -10%;
margin-right: auto;
background: #000;
color: #fff;
position: absolute;
width: 112.1%;

```

}

```
a:link,
a:visited {
color:#fff;
 text-decoration: none;
}
a:hover {
color: #999;

```

}

```
.column1 {
float: left;
position: absolute; 
max-width: 950px;
}

```

the last ".column1" set is just to show you how I have been thinking I should style a column. my main issue is figuring out how to set this part up (is it ul.column1, #column1, .column1???).

Any help would be much appreciated! Thanks.